Learn HTML by Building a Cat Photo App - Step 22

HTML-CSS
1

Tell us what’s happening:

I need to add an img element after the ul but it doesn’t 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>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate." 
                </ul> ><img
        

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 22

2

You need to close the image element.

Adding a slash and a greater than symbol would close the element. They being said, I’m fairly certain the image element is meant to go after your universal list (ul) element.

The extra incomplete image opening tag needs to go away too.

Hope this helps.

3 
<!-- Please read it the instraction given for you before doing the question.
The mistake you get it in the ul tag,  don't nest img element in the ul. & also clear it unnecessary symbol.-->
Don't never give up try it!!!

``