Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML HTML Basics Structuring Your Content Structuring Content Challenge

A R
A R
804 Points
Posted by A R
A R
804 Points

Why is this wrong

How is it that the section element is not between?

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

    </header>

    <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>

<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>
    </section>
      </footer>

  </body>
</html>

2 Answers

Justin Olson
Justin Olson
11,641 Points
Justin Olson
Justin Olson
11,641 Points

Good day!

I believe the step you are stuck on is 3. It's asking for you to 'place the content between the header and footer inside an element that groups together related sections of content.' You are correct that this is the <section> tag, but you have the opening and closing tags at the wrong spots.

You will want to put the opening <section> tag just AFTER the closing header tag. With that, you will want to put the closing </section> tag just BEFORE the opening footer tag. Doing so will put what's between the Header and Footer in it's own Section.

Please let me know if you need further assistance. :)

Steven Parker
Steven Parker
215,987 Points
Steven Parker
Steven Parker
215,987 Points

This code has a tag overlap. The section element starts inside the header, but the header ends before the section does.

Child elements must be completely inside their container (or "parent element").