Learn HTML by Building a Cat Photo App - Step 23

HTML-CSS
1

Tell us what’s happening:

what I do? i don’t know. help me

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>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>

<!-- User Editable Region -->

      
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
      

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 23

2

For this challenge, all you need to do is create a figure element and stick the current img element inside the opening and closing tags.

Let me know if you need any additional assistance.

Happy learning. :slight_smile:

3

Welcome to the community @grazialarocca1976 !

If you use the ul element, with the nested il as an example, this is how the figure should nest the img between its to tags.

The only difference is that the ul is nesting three elements within its tags.
The figure element will only nest the img element, along with its content, within its tags.

Happy coding!

1 Like
4

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