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>

1 Answer

Rohald van Merode
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
Treehouse Staff
Rohald van Merode
.a{fill-rule:evenodd;}techdegree
Rohald van Merode
Treehouse Staff

Hey erics38 šŸ‘‹

There's a combination of two small things going on in your snippet that result with this error. First off you'll always want to make sure to have all the elements that are visible on the page, be nested inside the <body></body> tags. Other than that it looks like you made a couple of adjustments to the provided html structure like adding new elements in your header and footer elements. The challenge is asking you to wrap the provided elements with new tags instead. šŸ™‚

So instead of having a header before the <body> and adding new elements to it, you'll want to wrap the provided ul, h1 and p in a set of header tags: 

<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>...</section>
  <footer>...</footer>
</body>

I hope this helps to get you going again! šŸ˜„