HTML HTML Basics Structuring Your Content Structuring Content Challenge

If section is the element that represents standalone sections of content am I applying it wrong?

Place the content <h2> <p> and <ul> in the element that represents stanalone sections of content.

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

            <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>
    </header>
  </body>
</html>

2 Answers

Eric Butler
Eric Butler
31,913 Points

The <section> around your Welcome message and project list is fine, but you could remove the one inside the footer, since it's not adding anything because <footer> is already containing that information. The biggest issue I see is that your <header> tag needs to close after the header content, which looks like it'd be right after the </ul> tag of your About/Work/Contact list. So put the </header> tag there and remove it from before the </body> tag.

Brandon Williams
Brandon Williams
3,874 Points

Having this same issue, I tried Eric's suggestion to no avail.