Learn HTML by Building a Cat Photo App - Step 29

HTML-CSS
1

Tell us what’s happening:

not sure how to do thissssssssssssssssssssssssssss

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <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>
        </section>
        <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/131.0.0.0 Safari/537.36 Edg/131.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 29

2

You have a stray section closing tag here, which should be removed.

Essentially all of those ol elements above should be changed to li elements. (It’s also not necessary to include spaces around the text content). All of the li elements (as a group) should be nested inside a single ol element.

The ol or ul element defines what type of list you have (ordered or unordered), and contains as many li elements nested inside it as there are list items.

3

Hey Buddy, Here Kindly do remove this word section …

2nd thing kindly change your ol list a little…

<ul>
    <li>cat nip</li>
    <li>laser pointers</li>
    <li>lasagna</li>
 </ul>

Observe here how you used ul and add li items

Now here you need to add ol list and need to add it’s li list items*

When You Will do so You’re done…

Hope You Understand !!