HTML HTML Basics Structuring Your Content Grouping Content Challenge

Mokanye Tumelo Tricia
Mokanye Tumelo Tricia
183 Points

Are you placing the 'h2' and articles inside an element that represents the main content of '<body>'?

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

    <h2>The Main Articles</h2>   
    <article>
      <aside>
        <main>
    <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>
   </main>
          </aside>
        </article>
     <article>
       <aside>
         <main>
    <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>    
    </main>
           </aside>
         </article>
    <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>

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

1 Answer

Sean T. Unwin
MOD
Sean T. Unwin
Treehouse Moderator 28,349 Points

A <main> tag should be opened directly after the closing header tag, then a closing </main> tag just before the opening <aside>.

The hierarchy should look like:

- header
   |- header content
- main
   |- h2
   |- article
       |- h3
       |- p
   |- article
       |- h3
       |- p
- aside
    |- h3
    |- ul
- footer