Learn HTML by Building a Cat Photo App - Step 21

HTML-CSS
1

i code correct list element but it didnt work

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>

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

Screenshot 2023-12-19 at 10.30.00 AM
Screenshot 2023-12-19 at 10.30.00 AM551Ă—520 7.3 KB

if you look at it your “li” is not inside “ul” tag

  • The three li elements should be located between the ul element’s opening and closing tags.
1 Like
3

In addition to what @PruthviPraj00 suggested, you should only have three list items. The cat nip, laser pointers and lasagna. Get rid of the other items.

1 Like
4

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