Learn HTML by Building a Cat Photo App - Step 22

HTML-CSS
1

Tell us what’s happening:

It’s saying that “There should be an img element right after the closing tag but there is one so I have no idea what I’m doing wrong. Please help.

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>
        </ul>
<ul><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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.5 Safari/605.1.15

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 22

2

Hello and Welcome to the forum @4468 !

It appears there is some misunderstanding of the instructions.

The img should not be included within an unordered list element.

Only the img, with the alt included at the end, within its brackets should be after the closing unordered list.

Example:

<ul>
content that is here
</ul>
<this is where the img element and alt should go>

Wishing you good progress on your coding journey. :slightly_smiling_face:
3

Some of the mistakes here:

  1. Don’t put the image in an unordered list.
  2. alt is an attribute, check out the correct image syntax in your previous image
  3. You can’t close your unordered list in the middle of your image tag
  4. image closing tag is incorrect, check out the correct image syntax in your previous image and just use the exact same format.
1 Like
4

I got it, thank you so much!

1 Like
5

You are welcome. Happy to be able to assist a fellow coder

Wishing your more good progress on your coding journey. :slightly_smiling_face: