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

Posted by Benji Beck
Benji Beck
5,238 Points

I've placed the bottom two paragraphs in footer tags. What concept did I miss?

I've been having trouble with this exercise, any tips on what concepts I should revisit would be much appreciated. Thank you!

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

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

  <footer>
    <p>&copy; 2017 My Portfolio</p>
    <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</p>
  </footer>

  </body>
</html>

2 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! Honestly? I don't believe you're missing any concepts here. What I do believe happened is you got a little carried away with a delete function or backspace key somewhere. Here's the offending line:

 <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</p>

See that last link? It never gets closed before the last paragraph tag is closed, which is creating an error in your HTML. My instinct is that you got a little carried away when editing and somehow managed to delete that closing </a> tag.

Here's what it's supposed to look like:

 <p>Follow me on <a href="#">Twitter</a>, <a href="#">Instagram</a> and <a href="#">Dribbble</a></p>

Note the closing anchor tag immediately before the closing paragraph tag. When I put that into your code, it passes Step 2 with flying colors.

Hope this helps! :sparkles:

Benji Beck
Benji Beck
5,238 Points
Benji Beck
Benji Beck
5,238 Points

Hey Jennifer, was able to clear step 2 following your advice. Thank you for helping with that. Cheers!