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 Grouping Content Challenge

Sammy Kidan
Sammy Kidan
6,730 Points
Posted by Sammy Kidan
Sammy Kidan
6,730 Points

Group each set of h3 and p elements using an element that describes self-contained pieces of content.

My answer is exactly as the suggest answer but it is saying my answer is incorrect and delaying me from moving on to the next question.

index.html 
<!DOCTYPE html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
    <title>My Blog</title>
  </head>
  <body>
    <header>
      <h1>My Web Design &amp; Development Blog!</h1> 
      <nav>
        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">Articles</a></li>
          <li><a href="#">Recent Work</a></li>            
        </ul>
      </nav>
    </header>

    <h2>The Main Articles</h2>   

    <footer>
    <h3>My Favorite HTML Courses</h3> 
    <p>Fusce semper id ipsum sed scelerisque. Etiam nec elementum massa. Pellentesque tristique ex ac ipsum hendrerit, eget <a href="#">feugiat ante faucibus</a>.</p>
    </footer>

    <footer>
    <h3>10 Handy CSS Features</h3> 
    <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et <a href="#">ultrices posuere</a>.</p>    
    </footer>
    <h3>Follow Me on Social Media:</h3>
    <ul>
      <li><a href="#">Twitter</a></li>
      <li><a href="#">Facebook</a></li>
      <li><a href="#">LinkedIn</a></li>     
    </ul>

    <footer>
      <p>&copy; 2017 My Blog</p>
    </footer>
  </body>
</html>

2 Answers

Kyle Holloway
Kyle Holloway
6,010 Points
Kyle Holloway
Kyle Holloway
6,010 Points

The <footer> should only be used once, per section of content. So the copyright information at the bottom is the footer of the site, but certain content grouping elements like <article> and <section> are able to hold <footer> tags that are specific to that section of content. Is your example above, under <h2> you're first two articles should be using the <article> element instead of the <footer> element.

Liam Ferb
Liam Ferb
8,454 Points
Liam Ferb
Liam Ferb
8,454 Points

Okay, Technically footer tags represents a 'major' section of content, but... footers are supposed to be at the bottom of the page, and you should only have one per page so..., footers should contain little details about the site, eg: copyright date, some contact information, maybe a 2nd nav? So footers not what you're looking for, the definition actually is:

(computers) a line of information placed at the end of a page for purposes of identification.

or something like it, and if you remember what he said in a video, before or a little before this challenge, (something like "the <article> tag describes standalone pieces of content, pieces which could go by themselves on their own webpage and wouldn't be out of place" so... does this answer your question?

Kyle Holloway
Kyle Holloway
6,010 Points

For the sake of this problem, Liam Ferb is correct. BUT, elements that hold a group of content like <article> and <section> can hold a <footer> element that is the footer of that content section.