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
Jason Causey
2,686 PointsAbout page
My image on the About page goes away when I add the display: block code.
.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }
6 Answers
Diane Houghton
5,773 Pointsthe image should be in the about.html page. Also, be sure it is class="profile-photo"
Jason Causey
2,686 PointsYea I meant I had it in the About page. I noticed on mobile the image showed.. But not on my desktop.
Jonathan Smith
2,672 PointsTry a different browser and maybe clear cache/history in the one you are using. I have had weird issues with chrome, firefox, and IE at work as a lot of the devices we use only like certain browsers. So sometimes they will act up from all of the jumping around.
HTH, Jon
Jason Causey
2,686 PointsI've only had problems with the image showing inside the Firefox browser. I tried IE and it showed.
Jason Causey
2,686 PointsI dont know... Its just randomly changing at times. I added some code and the image showed on Firefox, until I shrunk the screen size down. Guess its just a server problem?
Diane Houghton
5,773 PointsHere's your answer:
(https://teamtreehouse.com/forum/trouble-with-display-block-in-css-for-profile-photo)
Jason Causey
2,686 PointsJason Causey
2,686 PointsI do have the image inside the index.html page set correctly. <img src="420879_4380131712813_1297662566_n.jpg" alt="Profile Picture of me." class="profile-photo">