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 tanner maddux
tanner maddux
565 Points

why is this wrong <nav> <ul> <li><a href="#">About</a></li> <li><a href="#">Work</a></li>

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

    <p>&copy; 2017 My Portfolio</p>
    <footer>
    <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
  </body>
  </footer>
</html>

5 Answers

feylinh
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
feylinh
Front End Web Development Techdegree Graduate 17,092 Points
feylinh
.a{fill-rule:evenodd;}techdegree seal-36
feylinh
Front End Web Development Techdegree Graduate 17,092 Points

Hi Tanner,

you wrapped your ul,h1 and p in a section. The task of the challenge was to to wrap this with something that 'represents a group of introductory content'. This is usually done with the header element.

Hope that helps :)

Joseph Yhu
.a{fill-rule:evenodd;}techdegree seal-36
Joseph Yhu
PHP Development Techdegree Graduate 48,637 Points

Yes. Also, the tags above the body tag should be <head></head>, not <header></header>.

tanner maddux
tanner maddux
565 Points

I'm beyond confused on what you just said haha. My task is. "Finally, place the top <ul> inside an element that represents a major section of navigation." Which my hint gives me. i added all the <header> an <section> in and it passed me saying it was correct

<nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="courses.html">Courses</a></li>
</ul> </nav>

tanner maddux
tanner maddux
565 Points
tanner maddux
tanner maddux
565 Points

In the previous questions it asked me to section the content to get to the phase that I'm in now it wouldn't pass me until I wrote it that way. I don't know I'm so confused on how to get passed this part haha. it also had me change head to header in a phase ???

tanner maddux
tanner maddux
565 Points
tanner maddux
tanner maddux
565 Points

so basics of this part that I'm struggling with is why my <nav> </nav> is not working

tanner maddux
tanner maddux
565 Points
tanner maddux
tanner maddux
565 Points

OKKKKK wowwww im so dumb LOL i figured it out!

tanner maddux
tanner maddux
565 Points
tanner maddux
tanner maddux
565 Points

Thanks guys