Learn CSS Grid by Building a Magazine - Step 20

HTML-CSS
1

Preformatted textTell us what’s happening:
Please help!! I have six “li” elements. Yet it is telling me that I do not. What to do?

Your code so far

<ul>
        <li><h4 class="list-subtitle">V1 - 2014</hr><p>We launched freeCodeCamp with a simple list of 15 resources, including Harvard's CS50 and Stanford's Database Class.</p></li>
        <li><h4 class="list-subtitle">V2 - 2015</hr><p>We added our own HTML+CSS challenges (before we'd been relying on General Assembly's Dash course for these).</p></li>
        <li><h4 class="list-subtitle">V4 - 2016</hr><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></li>
        <li><h4 class="list-subtitle">V5 - 2017</hr><p>We added the back end and data visualization challenges.</p></li>
        <li><h4 class="list-subtitle">V6 - 2018</hr><p>We launched 6 new certifications to replace our old ones. This was the biggest curriculum improvement to date.</p></li>
        <li><h4 class="list-subtitle"></hr><p></p></li>
        </ul>

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.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

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

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

Link to the challenge:

2

Try replacing the </hr> with the proper </h4>and see if that allows you to pass. Don’t forget to do it for all 6 list elements.

1 Like
3

Oh and you skipped the second <li> element’s proper text which is why you have a blank <li> element at the end. There should be 2 from 2015.

1 Like
4

I did that and it still didn’t pass. Thank you. any other observation?

5

I fixed the silly error and it still isn’t passing.

6

Yes, i just noticed your final error. If you corrected it to replace all instances of </hr> with </h4> and you deleted the final <li> element and added a new one where the second should be with the appropriate text then the final error is a typo. Your <li> elements currently most likely read:
V1 - 2014
V2 - 2015
V2 - 2015
They should instead read:
V1 - 2014
V2 - 2015
V3 - 2015
With this final correction it should pass.

1 Like
7

No it was already V3(volume 3). I will post my code again. Thank you.

  • V1 - 2014

    We launched freeCodeCamp with a simple list of 15 resources, including Harvard's CS50 and Stanford's Database Class.

  • V2 - 2015

    We added interactive algorithm challenges.

  • V3 - 2015

    We added our own HTML+CSS challenges (before we'd been relying on General Assembly's Dash course for these).

  • V4 - 2016

    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.

  • V5 - 2017

    We added the back end and data visualization challenges.

  • V6 - 2018

    We launched 6 new certifications to replace our old ones. This was the biggest curriculum improvement to date.

8 
<ul>
        <li><h4 class="list-subtitle">V1 - 2014</h4><p>We launched freeCodeCamp with a simple list of 15 resources, including Harvard's CS50 and Stanford's Database Class.</p></li>
        <li><h4 class="list-subtitle">V2 - 2015</h4><p>We added interactive algorithm challenges.</p></li>
        <li><h4 class="list-subtitle">V3 - 2015</h4><p>We added our own HTML+CSS challenges (before we'd been relying on General Assembly's Dash course for these).</p></li>
        <li><h4 class="list-subtitle">V4 - 2016</h4><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></li>
        <li><h4 class="list-subtitle">V5 - 2017</h4><p>We added the back end and data visualization challenges.</p></li>
        <li><h4 class="list-subtitle">V6 - 2018</h4><p>We launched 6 new certifications to replace our old ones. This was the biggest curriculum improvement to date.</p></li>
9

Do you have a closing </ul> element?

10

Yes…I do. It still isn’t passing. Any other observation? Thank you.

11

So I just tried your code here and it passed the challenge for me. I suggest disabling any browser extensions you may have or trying a different browser. Everything seems to work fine on my end.

1 Like
12

So I have switched from chrome to mozilla and somehow step 20 was completely deleted from the website. I just redid the step 20. And it is still asking for a 6 li elements.

13

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