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 trialjoelynempleo
4,659 PointsMy photo is oblong not round
.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%;
3 Answers
Lachlan Dawson
10,007 PointsJust add in a min-height:150px;
to the CSS
Ben Farr
14,855 PointsHi 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
4,659 Pointsthat's the same exact codes i have :( but thanks
Ben Farr
14,855 PointsSorry 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
4,659 PointsEverything is fine with codes, i started to think it's probably because of the size of my photo? i dont know now :(
joelynempleo
4,659 Pointsjoelynempleo
4,659 Pointsnothing change :(