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

Posted by Abdullahi Abdinasir Ali
Abdullahi Abdinasir Ali
9,520 Points

How do I place an element which represents a group

Am not understanding really understanding what elements that represents a group. Any explanation plz

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>
    <nav> 
   <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>
  </nav>

    <h1>My Web Design &amp; Development Portfolio!</h1> 
    <p>A site featuring my latest work.</p>

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

1 Answer

Katie Wood
Katie Wood
19,141 Points

Hello there,

I see you've added the <nav> tag up there - you've done it correctly, but the challenge actually asks for that later. In this question, it's asking you to put the list, h1, and p all in one tag together.

In the preceding video(s), the general <header>, <section>, and <footer> tags are discussed - the first few questions of this challenge ask you to implement those. In this case, it's asking for the <header> tag to group those elements because they represent the information at the top of the page.

Once you've added the header tag for this question, it would look something like: 

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

It might also let you keep your nav tags - if it still says it's wrong, try removing them and adding them back when it asks for it.

Hope this helps - good luck!