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 Joao Menezes
Joao Menezes
783 Points

header and footer

I am kind of stuck in the HTML Basics Challenge, where do you need to add <article> <footer>, is not very clear to me. I am new here, is there a way to find the challenge solutions?

index.html 
<!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>
    </header>

    <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>
    </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>
Joao Menezes
Joao Menezes
783 Points

Muchas Gracias Jorge ! its working now :)

1 Answer

Jorge Lopez
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Jorge Lopez
Full Stack JavaScript Techdegree Graduate 32,503 Points
Jorge Lopez
.a{fill-rule:evenodd;}techdegree seal-36
Jorge Lopez
Full Stack JavaScript Techdegree Graduate 32,503 Points

Your opening section tag is misplaced. According to the challenge question they want you to put everything between the header and footer sections of the page inside <section> tags.

Try moving your <section> tag to right under your </header> tag.

Edit: Just double checked this. It should be your </header> tag that is moved down. place that right above your <section> tag.