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

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


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.


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