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 Adding Pages to a Website Style New Pages

Kevin King
Kevin King
1,127 Points

Picture is not centered.

/*********************
PAGE: ABOUT
*********************/

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

I don't know how else to display my code, however, I figured this is the only part that would affect the about me page. When I have previewed the page, the picture has not been centered. Just curious is there was elsewhere on the main.css I could look, or if I'm entering something wrong. My browser is safari.

Michael Hulet
Michael Hulet
47,912 Points

Hey Kevin! I fixed it for you this time, but if you look at the Markdown Cheatsheet below the box where you type an answer or comment, you can see how to format your text and do things like paste in code so it'll be rendered here

2 Answers

Dean Kennedy
Dean Kennedy
4,491 Points

Change to "profile-photo{ display: block; max-width: 150px; margin: 0 auto; border-radius: 100%; }" and see what happens. I think the 3rd value you have of 30px after the margin property is causing the problem you're having.

Kevin King
Kevin King
1,127 Points

It's still to the left! I'll look at some previous css to see if any other values are screwing me up.