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!

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

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
PLUS
Justin Olson
Courses Plus Student 13,618 Points
Justin Olson
Justin Olson
Courses Plus Student 13,618 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
228,077 Points
Steven Parker
Steven Parker
228,077 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").