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

Valentyn Hordiienko
Valentyn Hordiienko
1,003 Points

I don't know, please help me :)

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

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>   

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

    <h3>Follow Me on Social Media:</h3>
      </div>

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

3 Answers

<article> tags decribe self contained content. Underneath the <footer> element on your "doc"

<footer>

<article>

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

<article>

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

</article>

Forgot to close the first article tag lol , my bad

I Dilate
I Dilate
3,983 Points

Hi Valentyn,

Jon has nailed it above, however you should consider re-watching Guil's video for this lesson.

Pay close attention to what he's describing at the 00:30sec mark - it's how you group objects together inside an <article> tag, which is what you're struggling to do here.

Sometimes it's hard to remember everything covered in these lessons, especially when a video goes through several concepts quite fast.

Personally, I find that making notes by hand in my notebook really helps me to understand better, keep a track of each and every piece of information covered - no matter how small, and it also helps me remember what I've covered when the video has ended. In fact, I often read over my notes at the end of a lesson series to re-cap what I had just covered.

Sometimes, I also need to pause the video in order to make a note about something that was covered that I know I'll never remember otherwise! So for this video, I'd probably have paused it to create a very quick note to say: <article>used to group self contained content</article>.

You might find this technique helps you with future lessons?

Good luck! Rich

Kirby Ziada
Kirby Ziada
9,886 Points

You need to wrap the h3 and p elements in article tags.

<article>
<h3>Title</h3>
<p>Lorem Ipsum</p>
</article>