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 Styling Web Pages and Navigation Polish the Navigation and Footer

Matt Singleton
Matt Singleton
4,467 Points
Posted by Matt Singleton
Matt Singleton
4,467 Points

Header and Nav white border issue.

With the Header and nav, there's a small white space around the top and sides. My code is exactly the same, I compared and then copied the project files to be sure.

Why is this happening?

I'm using the same CSS reset, and Chrome.

elk6
elk6
22,916 Points

Hi Matt,

In order for us to check what's going on, we need to see your code. Can you post it here or snapshot your workspace for us?

Elian

elk6
elk6
22,916 Points

Something might have gone wrong with you reseting styles. I see that you are linking to a normalize.css file inside your css folder, but that file is named reset.css.

But it's a simple fix. If you change the body rule in your main.css to this:

body {
  font-family: 'Open Sans', sans-serif;
  padding: 0;
}

It will take away the white space.

I would make sure you are linking to the correct reset / normalize file just to be sure though.

Elian

Matt Singleton
Matt Singleton
4,467 Points
Matt Singleton
Matt Singleton
4,467 Points

I hadn't realised I had the reset linked incorrectly. It worked, thanks.