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

Argeo Huezo
Argeo Huezo
418 Points
Posted by Argeo Huezo
Argeo Huezo
418 Points

I don't understand what I am doing wrong. The question is " Place the content between the header and footer (h2, p, ul)

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

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

   <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>
index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Portfolio</title>
  </head>
  <body>

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

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

(MOD: I just edited the question to format all the code so that people can read it more easily and better help you!)

3 Answers

Mckenzie Hessel
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Mckenzie Hessel
Full Stack JavaScript Techdegree Graduate 20,437 Points
Mckenzie Hessel
.a{fill-rule:evenodd;}techdegree seal-36
Mckenzie Hessel
Full Stack JavaScript Techdegree Graduate 20,437 Points

Hi Argeo, you have the right elements (header, section and footer). The wording of this code challenge isn't super clear but they want you to separate your code into three distinct chunks. The first chunk should be inside the header tags, the middle chunk should be inside the section tags, and the third chunk should be inside the footer tags. The tags shouldn't overlap--for example, you shouldn't have any content that's inside both your header and section tags. The blank lines they provide in the code challenge can give you a good idea of where those separations should occur. Let me know if I can provide any more clarity!

Nkosinolwazi Moyo
Nkosinolwazi Moyo
9,588 Points
Nkosinolwazi Moyo
Nkosinolwazi Moyo
9,588 Points

Yes Mckenzie Hessel I need more clarity and an example

William Daly
William Daly
2,493 Points
William Daly
William Daly
2,493 Points

Heya. Just starting this course and I literally was having the same issue. I'm going to post what I did that got this fixed and hope that it helps. I know this is going back from April, but, here is what I did:

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

<header> <body> <ul> <li><a href="#">About</a></li> <li><a href="#">Work</a></li> <li><a href="#">Contact</a></li>
</ul> <h1>My Web Design & Development Portfolio!</h1> <p>A site featuring my latest work.</p> </header>

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

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

You encompassed your header in the <h2> section which is why it isn't working. I hope that this helps :).