HTML HTML Basics Structuring Your Content Grouping Content Challenge

Anthony Estevez
Anthony Estevez
531 Points

Finally, place the h2 and articles inside an element that represents the main content of the <body> of the page.

Hi there, I cannot figure out the final question to this challenge: Finally, place the h2 and articles inside an element

index.html
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Blog</title>
  </head>
  <body>
    <aside>
    <header>
      <h1>My Web Design &amp; Development Blog!</h1> 
      <nav>
        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Articles</a></li>
          <li><a href="#">Recent Work</a></li>            
        </ul>
      </nav>
    </header>
    </aside>

    <main>
    <h2>The Main Articles</h2>   
    <article>

    <h3>My Favorite HTML Courses</h3> 
    <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget <a href="#">feugiat ante faucibus</a>.</p>
    </article>


    <article>
    <h3>10 Handy CSS Features</h3> 
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et <a href="#">ultrices posuere</a>.</p>    
    </article>
     </main>

    <aside>
    <h3>Follow Me on Social Media:</h3>
    <ul>
      <li><a href="#">Twitter</a></li>
      <li><a href="#">Facebook</a></li>
      <li><a href="#">LinkedIn</a></li>     
    </ul>
    </aside>


    <footer>
      <p>&copy; 2017 My Blog</p>
    </footer>

  </body>
</html>

1 Answer

Jeff Muday
MOD
Jeff Muday
Treehouse Moderator 24,427 Points

You're almost there!

HINT: since the navigation is already marked with <header> you should NOT delimit with an <aside> pair. This would confuse a screen reader as <header> has its own top level semantic meaning.