What did I put that made it wrong

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
    <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>
    </section>
    <section>
      <h2>Cat Lists</h2>
      <h3>Things cats love:</h3>
      <ul>
        <li>cat nip</li>
        <li>laser pointers</li>
        <li>lasagna</li>
      </ul>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate."> <figure><img></figure>
    </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/15.3 Safari/605.1.15

Challenge: Step 22

Link to the challenge:

2

Hi @delo , the task instruction says to “nest the image you just added within a figure element.”.
You didn’t nest the existing image (the one that has reference to the lasagna) in the figure tag.

<figure><img></figure>

3

I did the exact code and it said The lasagna img element should be nested in the figure element. do I need to space them out or no

4

The code that I pasted (<figure><img></figure>) is what I copied from your code :slight_smile:
The image that you need to nest in the figure is the one with the lasagna, not an empty img tag.

5

so I type lasagna instead of img?

6

no no, you already have an image for the lasagna. It’s what you created in the previous step.
That is the image that has to be nested in the figure tag.

You don’t have to create any new images.

7

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