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

David McEnnerney
seal-mask
.a{fill-rule:evenodd;}techdegree
David McEnnerney
Front End Web Development Techdegree Student 2,377 Points
Posted by David McEnnerney
.a{fill-rule:evenodd;}techdegree
David McEnnerney
Front End Web Development Techdegree Student 2,377 Points

Extra area in my heading?

I have been following the How to Make a Website course. Its going great and have learned a lot , although some positioning and understanding of how things lie on the page is still confusing. But I'm sure if i keep going and practice it will become clearer. The problem i have is that i have an extra area in my Heading that Nick doesn't have on his profile? Why is this , I've tried to work it out but am unsure?

I have a screen shot but don't know if you can upload a file to this question area?

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

David McEnnerney the easiest way for us to help you would be if you made a snapshot of your workspace and linked it here. In your workspace on the upper right hand side you'll find a camera icon. Click that, then click make a snapshot. Then click on the snapshot you just created. This should open in a new tab on your browser. Copy and paste the URL here. That way we can see the entirety of your code and your file/directory structure :thumbsup:

2 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Ok, sorry for the delay! I believe I found the culprit. You have this:

nav {
 text-align:center;
  padding: 10px 0;
  margin:20px 0;
}

Try this:

nav {
 text-align:center;
  padding: 10px 0;
  margin: 20px 0 0;  /* note the extra 0 here */
}

Because you don't have the second 0 there that 20px margin is being added to both the top and bottom margin of the nav element. This is creating the extra space under the navigation links. Happy coding! :smiley: