"Interactive Web Pages with JavaScript" was retired on March 17, 2017. You are now viewing the recommended replacement.

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

Posted by Adam Evans
Adam Evans
6,975 Points

Alignment Issue

Hi,

I can't seem to get my profile photo to align the way it does in the video. Rather then centered between the nav bar and the About title, it is to the right of the nav bar. Any thoughts on how to correct this?

Thanks! Adam

3 Answers

Adam Evans
Adam Evans
6,975 Points

It actually turned out to be a Firefox issue. It worked fine in Chrome.

Daniel Veremchuk
Daniel Veremchuk
31 Points
Daniel Veremchuk
Daniel Veremchuk
31 Points

I'm just guessing, but maybe this? 

.profile-photo {
    clear: both;
    display: block;
    max-width: 150px;
    margin: 0 auto 30px;
    border-radius: 100%;
}
Adam Evans
Adam Evans
6,975 Points
Adam Evans
Adam Evans
6,975 Points

That did fix it - wish I knew what was causing it. I tried shifting it up and down the CSS and it remained where it was.