Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Melissa Melting tallow
Melissa Melting tallow
4,790 Points
Posted by Melissa Melting tallow
Melissa Melting tallow
4,790 Points

https://teamtreehouse.com/workspaces/17887852 My picture won't turn round.

I tried doing all the ways on the help part to fix it. Like both clear thing. Then made height and width the same, then tried pixels instead of percentage for border-radius and nothing worked.

Steven Parker
Steven Parker
230,274 Points
Steven Parker
Steven Parker
230,274 Points

:x: You can't share a direct URL to your workspace, it's temporary and only exists while you are using it.

:information_source: But you can use the snapshot function in the workspace and provide the link to that.

2 Answers

Simon Coates
Simon Coates
28,694 Points
Simon Coates
Simon Coates
28,694 Points

As stated, the image should have an equal width and height. I just looked online and it should just be a matter of having the image, having the css, and having the selectors match. The site i linked to included:

<img class="img-circle" src="kitten.jpg">

and

.img-circle {
    border-radius: 50%;
}

To me, it seems like the most likely way to get this wrong is to not have the selector match the element. YOu can see in the above code the image class matching the selector.

Steven Parker's advice regarding showing people your code is going to improve the quality of assistance you get. The other thing you can do is include code directly, where the code is preceded by three backticks and followed by three backticks. The backtick is a `, you'll probably find it on the key with the ~.

Melissa Melting tallow
Melissa Melting tallow
4,790 Points
Melissa Melting tallow
Melissa Melting tallow
4,790 Points

Snapshot kept snapping blank screen. but I got my problem fix

Steven Parker
Steven Parker
230,274 Points
Steven Parker
Steven Parker
230,274 Points

A snapshot is not the same thing as a "screenshot". Click on the word to go to a video that explains how to make and share them.