Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

My photo is oblong not round

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

3 Answers

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

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

nothing change :(

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%;
}

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

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

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