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

Aaron collyer
Aaron collyer
2,862 Points
Posted by Aaron collyer
Aaron collyer
2,862 Points

challenge 1 of 4

Hi there I'm currently doing one of the challenges for this lesson and it is asking me to do the following: Place the ul, h1 and p elements at the top of the page inside an element that represents a group of introductory or navigational content. I thought it would be the <na> tag but it says it's wrong. Thank You.

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

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

4 Answers

Brice Roberts
Brice Roberts
22,415 Points
Brice Roberts
Brice Roberts
22,415 Points

You will want to place the individual elements into their appropriate sections.

So, think about the video you just watched..

Navigational links like <li>Home</li> would go where? Your page's main content line <h1> would go into which nav section? How would an aside add to the flow of that section?

Aaron collyer
Aaron collyer
2,862 Points
Aaron collyer
Aaron collyer
2,862 Points

Okay, so it's not just one element that will fix every thing I have to use the 3 elements I just learned about and properly apply them?

Brice Roberts
Brice Roberts
22,415 Points
Brice Roberts
Brice Roberts
22,415 Points

Check the other answer on here. I just realized I was answering your post from memory, and I am referencing another exercise.

Do not mind me.

Christopher De Lette
PLUS
Christopher De Lette
Courses Plus Student 7,139 Points
Christopher De Lette
Christopher De Lette
Courses Plus Student 7,139 Points

Hi Aaron,

If i'm not mistaken there is one specific tag that will encompass all the tags mentioned as a group of introductory content or navigational content. Use this tag to group the h1, ul, and p elements directly under the body tag. Refer to this article on MDN for the correct tag.

Hope this helps and happy coding!

Aaron collyer
Aaron collyer
2,862 Points
Aaron collyer
Aaron collyer
2,862 Points

Awesome thank y'all! finally figured it out.