HTML HTML Basics Structuring Your Content Structuring Content Challenge

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

1 Answer

Mckenzie Hessel
Mckenzie Hessel
Full Stack JavaScript Techdegree Graduate 20,256 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!