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 HTML Basics Structuring Your Content Structuring Content Challenge

Quantum Quack
Quantum Quack
951 Points
Posted by Quantum Quack
Quantum Quack
951 Points

<nav> element doesn't register?

Hey, could anyone help me out? I don't know what I did wrong in the navigations section

index.html 
<!DOCTYPE html>
<html>
  <head>
    <header>
      <link href="styles.css" rel="stylesheet">
      <title>My Portfolio</title>
    </header>  
  </head>
  <body>
    <section>
      <nav>
        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Work</a></li>
          <li><a href="#">Contact</a></li>            
        </ul>
      </nav>  
      <h1>My Web Design &amp; Development Portfolio!</h1> 
      <p>A site featuring my latest work.</p>

      <h2>Welcome</h2> 
      <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
      <ul>
        <li><a href="#">Recent project #1</a></li>
        <li><a href="#">Recent project #2</a></li>
        <li><a href="#">Recent project #3</a></li>     
      </ul>
    </section>
    <footer>
      <p>&copy; 2017 My Portfolio</p>
      <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
    </footer>
      </body>
</html>
Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer
Jamie Reardon
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

Yeah as Steven parker mentioned about your header element, it seems to be placed within the head of the document. It needs to be placed after the opening body tag I believe for this particular challenge. Not only that but the title and link element nested inside of the header don't belong there, they are to be placed within the head element and not nested within other elements.

2 Answers

Steven Parker
Steven Parker
231,275 Points
Steven Parker
Steven Parker
231,275 Points

The <nav> section has been added correctly. But back in task 1, a <header> section should have been added at the beginning of the <body>, but it seems to have been moved into the <head> area now.

And task 3 specifically asked for the <section> to be placed directly after the <header> area.

Jamie Reardon
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer
Jamie Reardon
.a{fill-rule:evenodd;}techdegree seal-36
Jamie Reardon
Treehouse Project Reviewer

You've placed a opening section tag to wrap around the nav. Remove that by placing it in its appropriate markup location.