Learn HTML by Building a Cat Photo App - Step 21

HTML-CSS
1

code not show show correctly

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

    <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>

<!-- User Editable Region -->

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

<!-- 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/120.0.0.0 Safari/537.36

    Challenge Information:

    Learn HTML by Building a Cat Photo App - Step 21

    2

    please give me suggestion

    3

    Within the ul element nest three list items to display three things cats love:

    cat nip laser pointers lasagna

    You have copied the example code and then added some more li elements below the ul element.

    Remove the li elements which are inside the ul element as they are incorrect. Instead, replace those two li elements with three li elements containing the text given in the instructions above.

    4

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