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 Build the Contact Page

Kevin Nikroo
Kevin Nikroo
2,196 Points
Posted by Kevin Nikroo
Kevin Nikroo
2,196 Points

Margins and positioning seem to be off.

I have not skipped any videos of the "How to Make a Website" track and believe I have the right code but there seem to be some oddities.

Here is a screenshot of my code: https://w.trhou.se/n9ua55hogu

Some problems:

There is no spacing between my nav bar and headers on the contact page or the image and nav bar on the about page (unlike the video).

Also, in my gallery the image of the "6" is moved to the right and there is a blank space next to it.... odd

Thanks, Kevin Nikroo

1 Answer

Louis Morgan
Louis Morgan
2,288 Points
Louis Morgan
Louis Morgan
2,288 Points

Okay, so, I forked your workspace and I fixed it all. The about page problem was simply not having top margin on your image class '.profile-photo' i added 50px.

The contact page problem was that the header was floated to the left when it did not need to be causing padding and margin not to work. So in your header selector I removed float: left;

I added a class of .contact-wrapper to your general information section and gave it a top and bottom padding to move it away from the header and move the contact details down a little bit too :)

Hope this helps my friend! Feel free to contact me with any other issues on twitter @loumorgsy