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

Fitsum Beza
Fitsum Beza
3,434 Points

how do I place elements inside an element that represents a group of introductory or navigational content?

article

index.html
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>
    <article>

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

    </article>

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

20 Answers

Ari Misha
Ari Misha
19,323 Points

Hiya Fitsum! All ya have to do is put "h1", "ul" and "p" between an element which sites on top of the page and this tag has introductory or navigational content. Can you guess the tag? if you cant , you could scroll below and cheat (;

<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>

    <header>
      <ul></ul>
      <h1></h1>
      <p></p>
    </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>

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

Wow. This easy question had me stumped. Needs rewording. Thanks for the help though!

Question is very confusing

This is one of the biggest annoyances with this learning program. You watch the instructions...Follow along.... do some constructive warm-up coding. Then you get to the end question/quiz like the above one and the wording is horribly constructed. It's like you're actually trying to confuse people rather than ask a question.

Jonathan Enck
Jonathan Enck
1,509 Points

Same here, I didn't understand what it wanted me to do.

This is a terrible question, I know html - just was refreshing my knowledge before Django and I spent 20 minutes simply trying to understand what is required from me...

Seriously, please fix this question.

Joseph Cauthen
Joseph Cauthen
7,320 Points

Agreed. I kept trying to put it in a nav element. Had no idea what they were asking for. If the creator of the course ever sees this, please reword. I know how to use a header but was terribly stuck here.

Giovanni Chiaro
Giovanni Chiaro
1,762 Points

I also had the same issue , please change the question because is not clear

safa Amarir
safa Amarir
1,885 Points

I had same issue they should really delet that qst. It's not really that clear

this was very frustrating!

Carl Evans
Carl Evans
11,679 Points

I just had the same issue as Joseph!

Matej Milkovski
PLUS
Matej Milkovski
Courses Plus Student 839 Points

Can some one explain why we need to put those 3 elements in a <Header>, i cant find simple explain so i can understand why ?

thanks

S J B
S J B
2,631 Points

Yup not clear at all struggled with it till i gained insight from fellow sufferers!

Squishy Face
Squishy Face
737 Points

wrap h1 ul and p elements at the top in <header></header>. adding <nav></nav> is the last step in this challenge.

Daragh McDonald
Daragh McDonald
406 Points

that did the trick! thank you!

I'm so glad that I found this link. I went back through the video's twice and am still confused. Thanks to everyone.

Awid Vaziry
Awid Vaziry
9,993 Points

Agreed really bad question

Very big thing thank you. This is the program in very difficulty hopefully it will become easy with time.

Agree. Needs rewording. Very confusing.

Yes

chase singhofen
chase singhofen
3,811 Points

would never have guessed to do this. i was wrapping those tags around other content

Agreed, the tutorial is good, but quick and the question is very confusing.

Man, that was not worded correctly!

Joseph Brummel Bayangos
Joseph Brummel Bayangos
7,905 Points

Its 2019, i agree with the comments way back 2017, that the question in this course is terribly not to help student. but rather confuse them..

Prince Tanglao
Prince Tanglao
1,790 Points

You need to change how the question was asked? Very confusing! It means nobody was even updating this or made revision.