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

Raul Cirt
Raul Cirt
4,479 Points
Posted by Raul Cirt
Raul Cirt
4,479 Points

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

I'm pretty sure my main tags are where they should be for this challange. Can someone help me figure out what i did wrong?

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

      <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>
      </article>
    </main>
    <footer>
      <p>&copy; 2017 My Blog</p>
    </footer>
  </body>
</html>
Steven Carbuhn
Steven Carbuhn
13,020 Points
Steven Carbuhn
Steven Carbuhn
13,020 Points 
<!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>
    <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>
    <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>
    </article>
    <footer>
      <p>&copy; 2017 My Blog</p>
    </footer>
  </body>
</html>

1 Answer

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! The problem actually started a couple of steps ago and to be honest, I'm not sure why it passed step 1. The social media links towards the bottom were not meant to be in an article. In step 1 you were to place all h3 and <p> tags inside <article> tags, but the social media contains no <p> tags.

In step 2, you were then to place an <aside> around the social media part, but your aside is around your header.

Lastly, once you fix these two things, your <main> will need to end with </main> before the <aside> begins.

Hope this helps! :sparkles:

Steven Carbuhn
Steven Carbuhn
13,020 Points
Steven Carbuhn
Steven Carbuhn
13,020 Points

Hey Jen,

Sorry i know this is probably kind of rude, but can you assist me with a question I have as well, I'll link it here https://teamtreehouse.com/community/algorithms-related-to-skill-level

it's more of a question of theory. If possible thanks, if not, that's ok too :)

Raul Cirt
Raul Cirt
4,479 Points
Raul Cirt
Raul Cirt
4,479 Points

Thank you for the quick and good response Jennifer :D