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

Posted by Jamie Oliver
.a{fill-rule:evenodd;}techdegree
Jamie Oliver
Web Development Techdegree Student 440 Points

I don't understand why <nav></nav> is misplaced here?

The prompt is asking me: "Finally, place the top <ul> inside an element that represents a major section of navigation."

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>
    <header>My Portfolio</header>

    <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>

    <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>
      </section>

      </footer>
      </body>
</html>

1 Answer

Jason Larson
Jason Larson
8,358 Points
Jason Larson
Jason Larson
8,358 Points

The <nav></nav> section is correct, but you've got other elements mismatched now. Each task should build on the one before it, so I'm not sure how your earlier tasks passed with the code that you have. The header should contain the nav, plus the <h1> and <p> elements. Then the <section> should begin after the </header>, above the <h2>, and should end with </section> before the start of the footer.

If you need more explicit help, let me know, but hopefully this should be enough to get you squared away.

Jamie Oliver
.a{fill-rule:evenodd;}techdegree
Jamie Oliver
Web Development Techdegree Student 440 Points

Thanks! I'm not sure why it let me pass before but that was helpful!!