Learn CSS Grid by Building a Magazine - Step 20

Tell us what’s happening: My error message says: " Sorry, your code does not pass. Don’t give up.

Hint

Each of your new li elements should have an h4 and p element. I have 6 li, I have 6 h4, I have 6p elements with closing s so what am I not doing? Thanks for any help. :sob:

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

          <h3 class="list-title">A Brief History</h3>
          <p>Of the Curriculum</p>
          <ul class="lists">

          <li><h4 class="list-subtitle">V1 - 2014<p>We launched freeCodeCamp with a simple list of 15 resources, including Harvard's CS50 and Stanford's Database Class.</p></h4></li>

          <li><h4 class="list-subtitle">V2 - 2015<p>We added interactive algorithm challenges.</p></h4></li>

          <li><h4 class="list-subtitle">V3 - 2015<p>We added our own HTML+CSS challenges (before we'd been relying on General Assembly's Dash course for these).</p></h4></li>

          <li><h4 class="list-subtitle">V4 - 2016<p>We expanded the curriculum to 3 certifications, including Front End, Back End, and Data Visualization. They each had 10 required projects, but only the Front End section had its own challenges. For the other certs, we were still using external resources like Node School.</p></h4></li>

          <li><h4 class="list-subtitle">V5 - 2017<p>We added the back end and data visualization challenges.</p></h4></li>

          <li><h4 class="list-subtitle">V6 - 2018<p>We launched 6 new certifications to replace our old ones. This was the biggest curriculum improvement to date.</p></h4></li>

          
          </ul>
        </article>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

Challenge: Learn CSS Grid by Building a Magazine - Step 20

Link to the challenge:

Your structure is messed up. Lets take a look at this for example


          <li><h4 class="list-subtitle">V1 - 2014<p>We launched freeCodeCamp with a simple list of 15 resources, including Harvard's CS50 and Stanford's Database Class.</p></h4></li>

Here you are saying that inside of the list item there is a h4, and a p element which is correct. However, look where you are ending your h4 compared to where you are ending your p element. You are saying there in a p element inside your h4. That part is not correct. Your p element should come after the closing h4, and not inside of it

@Cody_Biggs ; Thanks, it worked when I un-nested it.

1 Like

Thank you I will fix that.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.