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 Structuring Content Challenge

Diego Morejon
Diego Morejon
1,663 Points
Posted by Diego Morejon
Diego Morejon
1,663 Points

Place the content between the header and footer (h2, p and ul) inside an element that groups together related sections .

Hi I tried to put that content between aside tags, article tags, section tags, nothing seemed to do the trick? and can't find any solution at the moment . Thank you for your help

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>
    <header>
    <nav>
    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>
    </nav>
      </header>
    <article>
    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>
    </article>

    <aside>
    <h2>Welcome</h2> 
    <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget feugiat ante faucibus.</p>
    <ul>
      <li><a href="#">Recent project #1</a></li>
      <li><a href="#">Recent project #2</a></li>
      <li><a href="#">Recent project #3</a></li>     
    </ul>
    </aside> 

    <footer>
    <p>&copy; 2017 My Portfolio</p>
    <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
    </footer>
  </body>
</html>

1 Answer

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

The "element that groups together related sections" is the section element.

But you have a few other issues:

  • the instructions have not (yet) asked for nav tags to be added
  • the instructions did not ask for article tags to be added
  • the header tag is not enclosing the complement of elements that were asked for
Adriano Gomes
Adriano Gomes
5,468 Points
Adriano Gomes
Adriano Gomes
5,468 Points

Thanks Steven. I was having the same issue but using the section element did the trick!

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

Happy to help. Diego Morejon ā€” were you able to resolve your issue?