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 Trevor Cooper
Trevor Cooper
Courses Plus Student 595 Points

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

this seems like its going against itself.

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>
    <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>
   <section>
      <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>
      </section>
    </main>
    <footer>
      <p>&copy; 2017 My Blog</p>
    </footer>
  </body>
</html>

4 Answers

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

I'm not sure what you mean by "going against itself", but you have enclosed a bit too much in the main element.

Also, did you change something else after passing task 2? You seem to have the wrong tags around the "social media" area.

Trevor Cooper
Trevor Cooper
Courses Plus Student 595 Points

i did they were aside tags not section tags but it said on task 3 that aside tags can't be inside main tags

Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Steven Parker

I need to either increase my typing speed or shorten my narratives. Lol :smiley: :)

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

Trevor Cooper ā€” That's exactly what I meant by "enclosed a bit too much". The main element should end before the aside element starts.

Katlynne Custer
Katlynne Custer
7,537 Points
Katlynne Custer
Katlynne Custer
7,537 Points

Move your </main> to after your last </article> closing, but before the "Social Media" section. Change your "Social Media" <section> back to <aside></aside> and you should be good to go!

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hey Trevor,

First off, you changed the tags that you used to pass the second Task. You would have had to have the correct ones <aside> to pass Task 2, but now for Task three, it seems to be changed to <section> which is incorrect.

I'm assuming you got the "Task x is no longer passing" which is why you went back to Task 2. In short, don't! That error is misleading. It always means that you have introduced an error in the current task you are working on.

So, first, you will need to change that Task 2 tags back to what they are supposed to be ... <aside>.

As for Task 3, you misplaced the closing </main> tag. You included the <h3> Social media section, when the instructions said to just include the articles. So, the closing </main> needs to be moved up to just under the final closing </article> tag.

Just a note: If you get one of those "Task x is no longer passing" errors, do not click the "go to task x" button, as there is nothing wrong with that task. The problem is somewhere in the current Task and related to something you just added.

Hope this helps. :) :dizzy:

Trevor Cooper
PLUS
Trevor Cooper
Courses Plus Student 595 Points
Trevor Cooper
Trevor Cooper
Courses Plus Student 595 Points

what is an element that represents the main content of the <body> of the page.

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

You had that right. It's main, of course.