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

James Hilts
PLUS
James Hilts
Courses Plus Student 871 Points
Posted by James Hilts
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

MD AFRID UDDIN MONDAL
MD AFRID UDDIN MONDAL
2,877 Points
MD AFRID UDDIN MONDAL
MD AFRID UDDIN MONDAL
2,877 Points

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
James Hilts
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.