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

Sarah McHarg
Sarah McHarg
3,610 Points
Posted by Sarah McHarg
Sarah McHarg
3,610 Points

Grouping Content Code Challenge Task 3 of 3: What am I doing wrong?

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

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

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

Moderator edited: Markdown added so that code renders properly in the forums.

2 Answers

Kerri-Ann Bates
Kerri-Ann Bates
15,422 Points
Kerri-Ann Bates
Kerri-Ann Bates
15,422 Points

I think it might be giving an error because the <main></main> tags are inside of the <header></header> tags. Try cutting the content of the main tags from inside the header tags and placing them outside of that and see if that works. For example: <header> ..... </header> <main> ...... </main> <aside> ....</aside> <footer> .... </footer>

Sarah McHarg
Sarah McHarg
3,610 Points
Sarah McHarg
Sarah McHarg
3,610 Points

Yes! It worked! Thank you for you help (clapping hands, because I don't know how to add emojis to this).

Kerri-Ann Bates
Kerri-Ann Bates
15,422 Points

Awesome!! Glad I could help :)

Lynn Collins
Lynn Collins
10,080 Points

Tried that....not helping!!! Been at this for hours

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

<main>........</Main> before Aside