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 Shao Yo Huang
Shao Yo Huang
1,163 Points

How do I remove a track ( holds up to 3 ) out of my tracker? The " Structuring Content Challenge " on html is left there

because I skipped it and it's really annoying when it stays there and set as my default. Could you help me remove it?

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

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

    <section>
    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>
     </section>
    <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>
  <section>
    <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

Michael Pyant
Michael Pyant
5,828 Points

I am not sure what you are asking, but to complete the task you will need to use these tags

1) <header></header> Change the header so it would include the ul, h1 and p tags. Basically everything between the opening body tag and before the opening h2 tag.

2) <footer></footer> Change the footer so that it will only include the two p tags at the bottom of the page. Removing the section tags you added would satisfy this part of the challenge

3) <section></section> You over used the section tag. It should only be around the h2, its p and ul elements. The section tag should appear no where else in this challenge.

4) <nav></nav> The first instance where you use the section tag can be replace by the nav tags. it should encapsulate the unordered list in the header.

If you did not alter the code other than your inclusion of these tags above, you should be able to complete the challenge. Let me know how this works for you.