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 trialFilip Sucic
4,086 PointsI can't get the profile image rounded
I can't seem to get it right , tried Nick's photo aswell but it doesn't work. Been stuck on this for an hour. Not sure where I went wrong.
Code:
CSS:
.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }
HTML:
<img src="img/supersuki.jpg" alt="Photograph of Filip Sucic" class="profile-photo">
Juliette Tworsey
Front End Web Development Techdegree Graduate 32,425 PointsHi Filip!
Try setting your border-radius to 50%.
Cheers:-)
7 Answers
Liliana Brissos
7,686 Pointshttp://codepen.io/lilianab/pen/pbVmdP
It works for me, as you can see in the example above. Double check that your stylesheet is linked correctly :)
Abdelkarim Lyoussi
3,657 PointsMe too, I think that your CSS file is not correctly linked to your html. So, check it out !
Adebayo Ojo
23,661 PointsAre you also using a picture with white background? If so, you won't be able to see the effect of the rounded edge.
Jessica Murillo
9,119 PointsAnd you image needs to be square e.g. 400 X 400 for the image to be a round circle. An image of 500 X 700 is going to be oval shaped.
Timothy Emory
4,147 PointsI think I figured it out. On my about.html I typed "profile photo". On the css I put ".profile-photo". When I changed the about.html to "profile-photo" it is now rounded. The "-" made it work. I thought I had tried that the first time but I guess I had not.
Timothy Emory
4,147 PointsIt's also not working for me, and I have the same code you have which is the same code in the video. My about.html is linked to the main.css because if I make css changes to the h3 they are visible. I'm wondering if it has something to do with the pixels of the pic you use? I know my pic was more than 400 X 400. Doesn't matter what % I select though I don't see any change to the pic.
Filip Sucic
4,086 PointsWow what a huge response thank you all , for some reason it just started working properly the next day. Strange... I didn't change anything
Jessica Murillo
9,119 PointsJessica Murillo
9,119 PointsAre you linking the css page to your html? I forget to sometimes or my path is incorrect so it doesn't like correctly. I tried your code as well and it worked for me.