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

Ben Musholt
Ben Musholt
4,983 Points

Why is the spacing of my Nav elements off? There is a large gap between "Portfolio" and "About" in my navigation bar.

I followed the HTML and CSS code for the nav element, but there is a large gap between "Portfolio" and "About" in the navigation bar.

Steven Parker
Steven Parker
229,732 Points

We might be able to help if we can see your code.
Use the "snapshot" function in the workspace and post the link it gives you here.

Ben Musholt
Ben Musholt
4,983 Points

Here is a snapshot of the workspace. Thanks for looking at it. https://w.trhou.se/ugevfbq6tn

Hi Ben, I found a small error in your code: Portfolio<a/>. Should be </a>. Maybe that's causing the gap.

I was going to comment on the <a/> typo as well johannaho. That is the issue.

2 Answers

Steven Parker
Steven Parker
229,732 Points

I agree with Johann and Annette, The browser thinks everything following that first link is inside the link. But I'm surprised you didn't notice it in the workspace editor. The moment I opened it, I spotted the red highlighting it placed on the next tag (because of tag overlap).

You have exactly the same issue in "about.html" and "contact.html", too.

Ben Musholt
Ben Musholt
4,983 Points

That was totally it. Thank you Steven, Annette, and Johanna!