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 Raluca Dumitru
Raluca Dumitru
14,937 Points

Why doesn't this work?

I am stuck at the 3rd part of the challenge.I am placing the h2 and the articles in a <main> tag, but it won't accept my answer.What am I doing 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>

2 Answers

Abdullah Alosaimi
PLUS
Abdullah Alosaimi
Courses Plus Student 2,280 Points
Abdullah Alosaimi
Abdullah Alosaimi
Courses Plus Student 2,280 Points

Yes, I've.

Here is my code

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

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

let me know if you need help.

Raluca Dumitru
Raluca Dumitru
14,937 Points

It worked.Thank you very much :)

Abdullah Alosaimi
PLUS
Abdullah Alosaimi
Courses Plus Student 2,280 Points
Abdullah Alosaimi
Abdullah Alosaimi
Courses Plus Student 2,280 Points

The social media stuff should be placed in an aside tag.

Only h2 and articles in main.

Like this:

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

Good Luck!

Raluca Dumitru
Raluca Dumitru
14,937 Points

Still won't work.Have you tried to complete the challenge yourself?