Responsive Web Design | Step 26

I’m trying to make an ordered list that consists three list items: flea treatment , thunder and other cats . So, I kept them within different

  • elements. However, it’s showing “You should have three li elements with the text flea treatment , thunder and other cats in any order.”

      **Your code so far**
          <h2>Cat Photos</h2>
          <!-- TODO: Add link to cat photos -->
          <p>Click here to view more <a target="_blank" href="">cat photos</a>.</p>
          <a href=""><img src="" alt="A cute orange cat lying on its back."></a>
          <h2>Cat Lists</h2>
          <h3>Things cats love:</h3>
            <li>cat nip</li>
            <li>laser pointers</li>
            <img src="" alt="A slice of lasagna on a plate.">
            <figcaption>Cats <em>love</em> lasagna.</figcaption>  
          <h3>Top 3 things cats hate:</h3>
             <li>flea treatment</li>
             <li> thunder</li>
      **Your browser information:**

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

    Challenge: Step 26

    Link to the challenge:

  • Try to delete the space before the word thunder, because the ordered list is correct

    Just tried doing that, the result is same.

    This is my code here so far:

    Top 3 things cats hate:

    1. flea treatment
    2. thunder
    3. other

    It’s still not working.

    You need to fix the last li element

    <li>other cats</li>

    It finally worked! Phew! Thanks a ton, my man! Could you please explain why the unintentional space in thunder was creating the difficulties?

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