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! While you're at it, check out some resources Treehouse students have shared here.

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 Grouping Content Challenge

Posted by mo ode
mo ode
4,352 Points

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

I don't know what to do can you help?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Blog</title>
  </head>
  <body>

    <main>
     <h2>The Main Articles</h2>
      <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>
      <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>
      <article>
      <h3>My Favorite HTML Courses</h3> 

    </article>


    <article>
       <h3>10 Handy CSS Features</h3> 

          </article>    


    <header>
      <h1>My Web Design &amp; Development Blog!</h1> 
      <nav>
     <aside>
      <h3>Follow Me on Social Media:</h3>
        <ul>
           <li><a href="#">About</a></li>
          <li><a href="#">Articles</a></li>
          <li><a href="#">Recent Work</a></li>            
        </ul>
    </aside>   

      </nav>
    </header>





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

3 Answers

Haley Ward
Haley Ward
Treehouse Project Reviewer
Haley Ward
Haley Ward
Treehouse Project Reviewer

Mo ode,

"Inside the element that represents the main content of the body" = <main></main>

You want to put the articles and h2 inside of the main element.

mo ode
mo ode
4,352 Points
mo ode
mo ode
4,352 Points

I did this. <main> <h2><h2/> <p>kslkjslfkjsdfjlskjflkjf</p> <p>lkfjskjflksjfjlskdfjlskjflksjflkj</p> </main> This did not work. Where am I going wrong?

Pushpa Dhakal
Pushpa Dhakal
8,804 Points
Pushpa Dhakal
Pushpa Dhakal
8,804 Points

I am still wrong on this