Learn HTML by Building a Cat Photo App - Step 27

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

I am on step 27 on ordered lists of things the cats hate. I seem to be doing well based on the recommendations:

But still, after several tries, the code is not passing. What is wrong ?

Your code so far

image
image729×645 28.2 KB

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>

<!-- User Editable Region -->

        <h3>Top 3 things cats hate:</h3>

        <ol> flea treatment </ol>
        <ol> thunder</ol>
        <ol> other cats </ol>

<!-- User Editable Region -->

      </section>
    </main>

  </body>
</html>

Your browser information:

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

Challenge: Learn HTML by Building a Cat Photo App - Step 27

Link to the challenge:

2

look more carefully at the hint being presented to you.
They want a specific type of element inside the ol element.
Which type? (did you include it?)

1 Like
3

So, I kept trying and it passed finally:

image
image697×450 20.2 KB

1 Like
4

Congratulations, you found a bug in the tests. What you have is not really correct. There should only be one ordered list element and then all of the list items are inside of it. Similar to how you did the unordered lists in previous steps.

1 Like
6

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