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

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

Posted by Nathan Martin
Nathan Martin
5,064 Points

.profile-photo

For some reason my profile photo won't center when I shrink the browser window but it does in the video... I put:

".profile-photo { float: left; margin: 0 5% 80px 0; }

@media screen and (min-width: 660px) {

}"

any help would be appreciated.

3 Answers

Nathan Martin
Nathan Martin
5,064 Points
Nathan Martin
Nathan Martin
5,064 Points

Oh wait I just got it to work... I had an extra '}' before that code so that's why it didn't work. Thanks for the help!

whitnee davis
whitnee davis
5,703 Points
whitnee davis
whitnee davis
5,703 Points

I know this is 20 days later but I had the exact same issue with the exact same solution! Your question helped me tremendously! Thanks!

Alejandro Mesa
Alejandro Mesa
9,813 Points
Alejandro Mesa
Alejandro Mesa
9,813 Points

Make sure on the on the main CSS you have these properties like this:

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

Right on the PAGE:ABOUT (section)

Nathan Martin
Nathan Martin
5,064 Points
Nathan Martin
Nathan Martin
5,064 Points

For some reason that didn't work for me.