HTML HTML Basics Structuring Your Content Structuring Content Challenge

Where do I place the <section> ?

I am BLANK.

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

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

2 Answers

You don't need to include the section within the header and footer as they are already doing the job the section does. You only need to include the section the wraps the h2, p and ul.

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

Collin Smith
Collin Smith
10,538 Points

This one is right! (other 2 are unnecessary)

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