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 Bryan Stephens
Bryan Stephens
3,538 Points

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

I have tried <section> and <nav> but neither one gets a correct answer What am I missing?

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

        <ul></ul>

        <p></p>
      </h1>
    </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>
    </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>

3 Answers

I Dilate
I Dilate
3,983 Points
I Dilate
I Dilate
3,983 Points

I think you've got your top area a bit jumbled up now.

You might want to restart that part of the challenge to restore the last stage of your code.

You're aiming to get to this:

<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>
    <header>
    <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>
    </header>

    <section>

    <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>
Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

You have the right idea about using a "<nav>" element here, but the content of the provided code has already been altered in ways that are not part of the challenge.

Each step of this challenge will involve enclosing one or more of the elements that were originally provided in container elements. There will be no step that involves adding empty elements to the code.

Try starting over and keeping this in mind, and I'll bet you can get it without a code spoiler.

Bryan Stephens
Bryan Stephens
3,538 Points
Bryan Stephens
Bryan Stephens
3,538 Points

Thanks