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

erics38
erics38
306 Points
Posted by erics38
erics38
306 Points

i have the p h2 and ul elements 1) between the header and footer, 2) tabbed so its indented - isnt this already right?

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

  <header>
    <h1>Title</h1>
    <p>This is the title sentence.</p>
    <ul>
      <li>beep boop</li>
    </ul>
  </header>  

  <body>
    <ul>
      <li><a href="#">About</a></li>
      <li><a href="#">Work</a></li>
      <li><a href="#">Contact</a></li>            
    </ul>

    <section>
      <h1>My Web Design &amp; Development Portfolio!</h1> 
      <p>A site featuring my latest work.</p>
    </section>  

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

    </body>

    <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>
</html>
Steven Parker
Steven Parker
231,271 Points
Steven Parker
Steven Parker
231,271 Points

FYI: Indenting is just for your own benefit (and ours). Not doing it (or doing it wrong) will not cause any errors.

It is, however, a "best practice" and highly recommended! :+1:

1 Answer

Travis Alstrand
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Travis Alstrand
Treehouse Project Reviewer
Travis Alstrand
.a{fill-rule:evenodd;}techdegree seal-36
Travis Alstrand
Treehouse Project Reviewer

The contents inside of your <header> element looks fine, but the <header> element is located above and outside of the <body> element.

Remember, everything that we want to be able to see on the webpage needs to be nested within the <body> element. šŸ‘