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

Profile photo disappeared!

On Style new page.

Everything is fine until I add the ..profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }

and then my image disappears instead of becoming smaller with rounded corners.

3 Answers

Hi,

This seems to be a browser issue (Firefox) and has popped up before on the forums.

There's a couple of posts here which explains it along with the "fix" in more detail...

https://teamtreehouse.com/forum/display-block-makes-my-image-of-nick-disappear

https://teamtreehouse.com/forum/problem-centering-display-inlineblock

Hope that helps

Paul

Hi Mustafa,

I recommend that you take a look at Kyle McHatton's answer from the first link or my own answer in the second.

Thank you so much for the quick reply! Im using firefox! :)

Your welcome, good luck!