Learn HTML by Building a Cat Photo App - Step 27

Tell us what’s happening:
Describe your issue in detail here.
They are saying the li element should be nested with the il element ? so should it be

    1. and the ending

  • Your code so far ?

    <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>  
    
    <!-- User Editable Region -->
    
            </figure>
            <h3>Top 3 things cats hate:</h3>
              <ol>flea treatment</ol>
              <ol>thunder</ol>
              <ol>other cats</ol>
            </section>
    
    <!-- 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/112.0.0.0 Safari/537.36

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

    Link to the challenge:

    Look at how you created the unordered list above using the ul element for the list itself and the li element for each item in the list. You would do the same thing for an ordered list except you use the ol element instead of the ul element for the list itself.

    1 Like

    Ok I did it but now they’re telling me that the il element should be above the section closing tag ? I nested the ol element with the li element should the sectiong closing tag be

      other cats < /ol>
      </ li>
      < /section >

    I’m sorry at the beginning I meant the ol element

    Again, look at how you created the unordered list in previous steps:

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

    Notice how all of the li elements are completely inside of the ul tags. Are you doing this for the ol tags?

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