Learn HTML by Building a Cat Photo App - Step 22

HTML-CSS
1

Tell us what’s happening:

i think i have written everything perfectly apart from the img i dont know where to write it

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 href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate."></ul<
        

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 22

2

hi there,

please click the reset button to restore the code for this step.
after that, in the editor, go to the empty line they gave you just below the ul element
and write the new img element there.

img element have this syntax if you recall:
<img src="something" alt="something else">

1 Like
3

Hello @mutesi !

You entered it in the correct place.

However, it should only be the img element with the src attribute and the “url” value entered below the closing ul tag.

Example:

<ul>
<li>
</ul>
<img src="https://images.pexels.com/photos/6804068/pexels-photo-6804068.jpeg?auto=compress&cs=tinysrgb&w=600" alt="Image of people working on code">

May your coding journey be smooth.

1 Like
4

Hello thanx for the feedback i have tried as you told me but it says there is an imj after the </ul element

1 Like
5

hi there!
post your updated code here. use three back ticks (```) in a seprate line below and above your code block.

6

I think there is a misunderstanding.
It means to place it below the closing </ul> tag not within it.

Example:

I hope the example shows you how to enter it below, not within the closing </ul> tag.

Keep up your good progress. :slightly_smiling_face: