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 How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

Posted by joelynempleo
joelynempleo
4,659 Points

My photo is oblong not round

.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%;

3 Answers

Lachlan Dawson
Lachlan Dawson
10,007 Points
Lachlan Dawson
Lachlan Dawson
10,007 Points

Just add in a min-height:150px; to the CSS

http://jsfiddle.net/lachlandawson/SPDG4/

joelynempleo
joelynempleo
4,659 Points

nothing change :(

Ben Farr
Ben Farr
14,855 Points
Ben Farr
Ben Farr
14,855 Points

Hi Joelyn,

Not sure if this will fix it but maybe...

.profile-photo { 
     display: block; 
     max-width: 150px; 
     margin: 0 auto 30px 0; 
     border-radius: 100%;
}
joelynempleo
joelynempleo
4,659 Points

that's the same exact codes i have :( but thanks

Ben Farr
Ben Farr
14,855 Points
Ben Farr
Ben Farr
14,855 Points

Sorry Joelyn, I thought it might have been because you didn't have a closed curly bracket. The code you have is exactly what is in the project files. Did you double check spelling in the html and css so they match? I misspell a lot and it usually messes up my code. Also, double check to make sure that the element in the html is class="profile-photo" and not ID, I also get in trouble with mixing those up as well. Thanks.

Ben

joelynempleo
joelynempleo
4,659 Points

Everything is fine with codes, i started to think it's probably because of the size of my photo? i dont know now :(