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

Anthony Ruvinov
PLUS
Anthony Ruvinov
Courses Plus Student 7,638 Points
Posted by Anthony Ruvinov
Anthony Ruvinov
Courses Plus Student 7,638 Points

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

I dont really know if i placed the <main> tags correctly could someone please help me?

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

3 Answers

Steven Parker
Steven Parker
231,198 Points
Steven Parker
Steven Parker
231,198 Points

At first glance, "main" looks OK — but are you sure that "section" is supposed to be there? Or that "aside" around the header?

Also, it looks like the "aside" lower down has an end tag but no start tag.

Anthony Ruvinov
Anthony Ruvinov
Courses Plus Student 7,638 Points
Anthony Ruvinov
Anthony Ruvinov
Courses Plus Student 7,638 Points

I fixed the aside lower down and it still didn't work and the code there passed the first 2 challenges. So i dont really know what the problem is

Steven Parker
Steven Parker
231,198 Points
Steven Parker
Steven Parker
231,198 Points

Did you also remove the first "aside" (the one that starts right after the "body")? The only "aside" should be placed around "the "social media" heading and list of links".

And the instructions don't ask for any "section" element(s) to be added.

Anthony Ruvinov
PLUS
Anthony Ruvinov
Courses Plus Student 7,638 Points
Anthony Ruvinov
Anthony Ruvinov
Courses Plus Student 7,638 Points

Which ones are you referencing?

<!DOCTYPE html> <html> <head> <link href="styles.css" rel="stylesheet"> <title>My Blog</title> </head> <body> <aside> <header> <h1>My Web Design & 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> <section> <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> </section> </main> <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>© 2017 My Blog</p> </footer> </body> </html>

Steven Parker
Steven Parker
231,198 Points
Steven Parker
Steven Parker
231,198 Points

I revised my previous comment to be more explicit.

And when posting code, use the instructions for code formatting in the Markdown Cheatsheet pop-up below the "Add an Answer" area. :arrow_heading_down:   Or watch this video on code formatting.