Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML HTML Basics Structuring Your Content Structuring Content Challenge

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

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
215,984 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

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