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.

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.