Learn CSS Grid by Building a Magazine - Step 20

Tell us what’s happening:

I’m ever so close with figuring this one out. Where’s the error on my labeling?

Your code so far

<!-- file: index.html -->
<!-- User Editable Region -->

        <article class="brief-history">
          <h3 class="list-title">A Brief History</h3>
          <p>Of the Curriculum</p>
          <ul class="lists">
                      <p>V1 - 2014: 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 launched 6 new certifications to replace our old ones. This was the biggest curriculum improvement to date.</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> 
          </ul>
        </article>

<!-- User Editable Region -->
/* file: styles.css */

Your browser information:

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

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 20

On my phone so its hard to look at everything, but I notice you have a closing li here but no opening tag for it

Nope that’s not the issue please bear with me on this one take me through step by step of the solution, many thanks!

Any additional input from anyone in connection to this challenge?

V5 and V6 paragraphs seem to have the same text, is that what it should be?

Are you referring to this;

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.

    ?

  • in the code you posted the V5 one is not like that

    A Brief History

    Of the Curriculum

      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.

    are you trying to post your code? please format it properly

    When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

    You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

    See this post to find the backtick on your keyboard.
    Note: Backticks (`) are not single quotes (').

    Blockquote

    A Brief History

    Of the Curriculum

      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.

    Pardon my mistake it’s been a long day!

    
     <article class="brief-history">
              <h3 class="list-title">A Brief History</h3>
              <p>Of the Curriculum</p>
              <ul class="lists">
                          <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></p>               
                    </li>
                    <li>
                  <h4 class='list-subtitle'>V2-2015</h4>
                   <p>We added interactive algorithm challenges.</p></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></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></p> 
                    </li>
                    <li>
                  <h4 class='list-subtitle'>V5-2017</h4>
                   <p>We added the back end and data visualization challenges.</p></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></p> 
              </li>
              </ul>
            </article>
    

    Are we still on the same page?

    you are missing the first <li> opening tag

    I passed thanks for your help!

    It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

    We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

    1 Like