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 Jana Groda
Jana Groda
1,627 Points

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

I seem to keep getting this wrong. can you guide me to what I'm needing to do? I am clueless.

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

    <article>
      <header>
        <ul></ul>
        <h1></h1>
        <p></p>
      </header>
    </article>

    <section>
      <ul>
        <li><a href="#">About</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Contact</a></li>            
      </ul>
      <intro>
      <h1>My Web Design &amp; Development Portfolio!</h1> 
      <p>A site featuring my latest work.</p>
      </intro>
      <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>

7 Answers

Klaus Hardt
Klaus Hardt
6,469 Points
Klaus Hardt
Klaus Hardt
6,469 Points

All four questions in this part were pretty poorly worded.

Mindaugas Krivickas
Mindaugas Krivickas
9,853 Points
Mindaugas Krivickas
Mindaugas Krivickas
9,853 Points

It is a little bit tricky. Your header element must have <nav></nav> elements and should look like this: <header> <nav> <ul></ul> <h1></h1> <p></p> </nav> </header>

Zachary Scott
Zachary Scott
1,650 Points
Zachary Scott
Zachary Scott
1,650 Points

This worked for me:

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

    <footer>
        <p>&copy; 2020 Zach Land</p>
        <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
    </footer>

  </body>
</html>
Kavitha Mahesawarappa Sujatha
Kavitha Mahesawarappa Sujatha
9,066 Points
Kavitha Mahesawarappa Sujatha
Kavitha Mahesawarappa Sujatha
9,066 Points

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

Here major section means, header part. so need to add nav tag in between the header tags

Jorge Monte
Jorge Monte
2,535 Points
Jorge Monte
Jorge Monte
2,535 Points

Try to put the first UL inside a <section></section> , maybe it works

AUSTIN STEPHENS
seal-mask
.a{fill-rule:evenodd;}techdegree
AUSTIN STEPHENS
Front End Web Development Techdegree Student 700 Points
AUSTIN STEPHENS
.a{fill-rule:evenodd;}techdegree
AUSTIN STEPHENS
Front End Web Development Techdegree Student 700 Points

I agree, this section was worded pretty poorly.

Abdelmadjid Cherfaoui
Abdelmadjid Cherfaoui
3,230 Points
Abdelmadjid Cherfaoui
Abdelmadjid Cherfaoui
3,230 Points

Your first <ul> element must be between a <nav> elements, it must looks like the following

<nav>
    <ul>
        <li><a href="#">About</a></li>
        <li><a href="#">Work</a></li>
        <li><a href="#">Contact</a></li>            
    </ul>
</nav>