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

James Hilts
PLUS
James Hilts
Courses Plus Student 871 Points

.profile-photo css class

I gave the CSS class .profile-photo a "display: block;" style but when I go back and refresh the about page the photo is not displaying. When I comment that style out, the photo comes back. Also, I noticed that the photo is not centered. Please help.

2 Answers

If you want to display your profile photo at center of the page use margin property like this...

 margin: 0 auto 30px

it will display your image center with 30px margin bottom and check your image property is set to

    width: 100%
James Hilts
PLUS
James Hilts
Courses Plus Student 871 Points

Hello Afrid. Thanks for your reply. I noticed that others had the same problem and it turns out that the browser Firefox has a bug that prevents the photo from showing when the block style is added. When I opened the same page on google chrome, the photo shows up just like it is supposed to. Thank you very much.