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 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
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>
Terrance Kent
Terrance Kent
3,454 Points

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

Anthony Montgomery
Anthony Montgomery
1,161 Points

Question is very confusing

mrtmvakkhs
mrtmvakkhs
Courses Plus Student 758 Points

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.

matt23lv
matt23lv
9,404 Points
matt23lv
matt23lv
9,404 Points

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

Brandi Taylor
Brandi Taylor
10,149 Points

Seriously, please fix this question.

Joseph Cauthen
Joseph Cauthen
7,320 Points
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.

Yu-Chien Huang
Yu-Chien Huang
Courses Plus Student 16,672 Points

agreed!!!!

Giovanni Chiaro
Giovanni Chiaro
1,762 Points
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
safa Amarir
safa Amarir
1,885 Points

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

Andrew Rodriguez
Andrew Rodriguez
3,675 Points
Andrew Rodriguez
Andrew Rodriguez
3,675 Points

this was very frustrating!

Carl Evans
Carl Evans
11,679 Points
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
Matej Milkovski
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
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
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!

John Vornberger
John Vornberger
18,115 Points
John Vornberger
John Vornberger
18,115 Points

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
Awid Vaziry
Awid Vaziry
9,993 Points

Agreed really bad question

Mustafa Khan
Mustafa Khan
6,224 Points
Mustafa Khan
Mustafa Khan
6,224 Points

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

Andreas Schultze
PLUS
Andreas Schultze
Courses Plus Student 3,951 Points
Andreas Schultze
Andreas Schultze
Courses Plus Student 3,951 Points

Agree. Needs rewording. Very confusing.

Mustafa Khan
Mustafa Khan
6,224 Points
Mustafa Khan
Mustafa Khan
6,224 Points

Yes

chase singhofen
chase singhofen
3,811 Points
chase singhofen
chase singhofen
3,811 Points

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

Matthew Gilbert
Matthew Gilbert
9,817 Points
Matthew Gilbert
Matthew Gilbert
9,817 Points

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

Luke Siljander
Luke Siljander
4,872 Points
Luke Siljander
Luke Siljander
4,872 Points

Man, that was not worded correctly!

Joseph Brummel Bayangos
Joseph Brummel Bayangos
7,905 Points
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
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.