Learn CSS Grid by Building a Magazine - Step 20

HTML-CSS
1

Tell us what’s happening:
It’s telling me that my code did not pass, and I need " Your first h4 should have the text V1 - 2014 ."

What am I doing wrong? It says I should have 1

and 1

element in each

  • .

    My code:

    
<article class="brief-history">
          <h3 class="list-title">A Brief History</h3>
          <p>Of the Curriculum</p>
          <ul class="lists">
          <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>
          </ul>
        </article>

    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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

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

    Link to the challenge:

    • 3

    This forum is not beginner friendly, geez…

    Here’s my code again:

    
<article class="brief-history">
          <h3 class="list-title">A Brief History</h3>
          <p>Of the Curriculum</p>
          <ul class="lists">
          <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>
          </ul>
        </article>
    4

    Tell us what’s happening:

    It’s telling me that my code does not pass. " Your first h4 should have the text V1 - 2014." It says I need 1 h4 element and 1 p element in each li element, so I’m not sure what I did wrong here.

    Your code so far

    <article class="brief-history">
          <h3 class="list-title">A Brief History</h3>
          <p>Of the Curriculum</p>
          <ul class="lists">
          <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>
          </ul>
        </article>

    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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6.1 Safari/605.1.15

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

    Link to the challenge:

    5

    Try removing any extra spaces inside the elements (like above for eg you have one space before the V1)

    6

    I tried that and it didn’t work, but I appreciate your help.

    7

    Then give the h4 and p elements the following text content, in order, with each h4 using what’s on the left side of the colon, and each p using what’s on the right:

    Do not include the :

    8

    I had to remove the “:” in the text in the h4 element and that solved it! Ty for your help all.

    1 Like
    9

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