Learn HTML by Building a Cat Photo App - Step 22

this got my confused

  **Your code so far**
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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>
      <h2>Cat Lists</h2>
      <h3>Things cats love:</h3>
        <li>cat nip</li>
        <li>laser pointers</li>
     <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 22

Link to the challenge:

Can you explain how it’s confusing?
What are you trying to do?
What have you tried?
How is it behaving differently than expected?

The figure element represents self-contained content and will allow you to associate an image with a caption.

Nest the image you just added within a figure element.

Ok. It doesn’t look like you have a figure element.

what is the figure element

It’s an HTML element. Have you added any HTML elements to code before?

I forgot already, any solutions?

Here is an article on the HTML figure element.

Also on the forums, solutions are not allowed as they don’t help learning.

If you don’t know something you can research it online too. Searching ‘What is a HTML element?’ will get you the information you need to know how to create them.

thank you! this helped!

1 Like

delete the “” on the link, it’ll work

  • cat nip
  • laser pointers
  • lasagna
A slice of lasagna on a plate.

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