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

CSS How to Make a Website Adding Pages to a Website Style New Pages

Posted by marvelousperson206
marvelousperson206
9,199 Points

[SOLVED] My .profile-photo not behaving the same as in the video

The profile photo used in the video is a square. I've uploaded my own photo, which is more of a rectangle (320x460). Now when I follow the code my picture appears in the top-right hand corner of the web page, instead of being centered. The code I used: .profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }

Anyone know how I can correct this? Thanks in advance.

Robert Richey
Robert Richey
Courses Plus Student 16,352 Points

Edited for solved

4 Answers

marvelousperson206
marvelousperson206
9,199 Points

It was a bug in the Mozilla Firefox browser. Can't remember exactly how I fixed it but it underneath the video it had a comment that explained it properly

marvelousperson206
marvelousperson206
9,199 Points
marvelousperson206
marvelousperson206
9,199 Points

Don't worry I just answered my own question!!

Joshua Harman
Joshua Harman
8,821 Points
Joshua Harman
Joshua Harman
8,821 Points

How'd you fix it?

Joshua Harman
Joshua Harman
8,821 Points
Joshua Harman
Joshua Harman
8,821 Points

Cool. Thanks!