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

Devin Boddie
Devin Boddie
6,777 Points
Posted by Devin Boddie
Devin Boddie
6,777 Points

Placing Section Tags

Can someone possible let me know why the placement of my section tags are not passing the challenge?

Thank you,

Devin

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>
     <section>     
      <p>&copy; 2017 My Portfolio</p>
      <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>
     </section> 
   </footer>  
  </body>
</html>

2 Answers

Robert Boring
Robert Boring
3,923 Points
Robert Boring
Robert Boring
3,923 Points

Hey Devin,

In the challenge it asks you to put the <header> tag around just the ul, h1 and p elements, it seems you wrapped your <header> around all the content. Try ending your <header> tag after the first <p> element. Then moving your <section> element after the <header> element ends and before the <footer> elements begin.

So something like this

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

Hope this helps,

Rob

Devin Boddie
Devin Boddie
6,777 Points
Devin Boddie
Devin Boddie
6,777 Points

Hi Robert,

This still will not pass the challenge. I even tried coping your code directly and organizing the tags and i'm still getting an error. The error message also has a typo in it so i'm wondering if there is something wrong with the compiler at this point. It's a pretty simple challenge to pass it seems so i'm not sure whats going on.

Robert Boring
Robert Boring
3,923 Points
Robert Boring
Robert Boring
3,923 Points

You might be right, or my previous code was just crazily indented since tab wasn't working for me. So I just did the challenge again and updated my exact code I used to pass the challenge you can try copy and pasting my code again. The code that I tried and pass is above in my answer, I updated it. Good luck and sorry for the the mistake.

Rob