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 Frank Formica
Frank Formica
3,595 Points

Task 3

My <mains> are not containing asides so I don't know what else to do.

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>
    </main>
    </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>    
     <aside>
     <h3>Follow Me on Social Media:</h3>
    </aside>
    </article>    
    <ul>

      <li><a href="#">Twitter</a></li>
      <li><a href="#">Facebook</a></li>
      <li><a href="#">LinkedIn</a></li>

    </ul>

    <footer>
      <p>&copy; 2017 My Blog</p>
    </footer>
  </body>



</html>

2 Answers

Steven Parker
Steven Parker
231,261 Points
Steven Parker
Steven Parker
231,261 Points

You have overlapping tags here. Any tag that starts inside another one must also end inside that other one.

You might find it helpful to use indentation to show tag "level". Look at the code you start with for an example.

Extra hint: when you get back to task 3, the "main" will not enclose the "aside".

Frank Formica
Frank Formica
3,595 Points

And your right but I had to restart it to see my mistake.

Frank Formica
Frank Formica
3,595 Points
Frank Formica
Frank Formica
3,595 Points

SOrry guys I actually fixed not long after I posted but, I appreciate the feed back

Steven Parker
Steven Parker
231,261 Points
Steven Parker
Steven Parker
231,261 Points

You can delete a question before it has been answered. Click on the little rectangle with 3 dots in it for the option.

Once it has been answered, you can mark it solved by choosing a "best answer".