HTML HTML Basics Structuring Your Content Grouping Content Challenge

Maurice Hobbs Jr
Maurice Hobbs Jr
2,399 Points

HTML Basic Challenge task 3 of 3

I am stuck of the finally task. I keep doing what the challenge is but I'm getting it wrong.

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>

    <article><main>
      <h2>The Main Articles</h2></main></article>

      <article>
        <h3>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>
     <article>
      <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></aside>    
      <article>


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







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

1 Answer

joelearner
joelearner
36,488 Points

Hi Maurice,

It appears that there are many extra tags that aren't needed and some missing closing tags. After the </header> tag, you will need the <main> tag before the <h2>. The extra <article> tags aren't required here and may be causing you problems. Also the article tags covering the <h3> and <p> need to be closed with </article>. So that section of your code should look something like this:

    <main>
        <h2>The Main Articles</h2>   
        <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>
        </article>
        <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>
    </main>

For the "Follow Me on Social Media:" part, you will not need the <div> tags so you can delete those. Then, you just need to close the aside with </aside>. So that section should look something like this:

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

Cheers!

Maurice Hobbs Jr
Maurice Hobbs Jr
2,399 Points

Thank you, i firgured it. I had some extra elements like you said, i just need to re-read it over.