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 Hilary Katsande
Hilary Katsande
9,045 Points

place the top <ul> inside an element that represents a major section of the the navigation

how to place the top <ul. inside an element that represent major section of the navigation

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <header>
  <body>
    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>
     <section>
    <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>
    </header>
    <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>
        <p> site;copyright data</p>
    </footer>
        </body> 
</html>

2 Answers

Nick Renteria
Nick Renteria
10,258 Points
Nick Renteria
Nick Renteria
10,258 Points

I believe here they want you to place the nav ul inside the header with the "My Web Design & Development Portfolio" heading and the paragraph element right below it. Your first problem is that the opening <header> tag is outside of the body tag; you want it nested inside the body tag:

<body>
  <header>
    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>
    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>
  </header>
  <-- Then the rest of the code, including the headings, paragraphs, and footer -->
</body>

Basically every tag that represents content on the page should be nested inside the body tags, not outside of them. And from there, the header is often used for navigation lists like the ul referred to in this objective. I hope this helps!

Matt Roger
Matt Roger
15,066 Points
Matt Roger
Matt Roger
15,066 Points

You need a nav tag before the ul tag. it should be <nav> <ul> <li>.