Learn HTML by Building a Cat Photo App - Step 23

Tell us what’s happening:

CatPhotoApp

Cat Photos

Click here to view more cat photos.

A cute orange cat lying on its back.

Cat Lists

Things cats love:

  • cat nip
  • laser pointers
  • lasagna
  • Describe your issue in detail here.

    Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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>
          <figure img src="https://cdn.freecodecamp.org/curriculum/ cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
        
         
      </section>
    </main>

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:105.0) Gecko/20100101 Firefox/105.0

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

Link to the challenge:

please who can help with guide to getting sorted. on step 23. nesting a figure element inside the img element

This is an example of nesting.
Here we see 3 li elements nested inside a ul element.

So when nesting the image inside the figure element, you must create this type of structure.

A slice of lasagna on a plate.

I did the above but still flagged as incorrect that the lasagna img element should be nested in the figure element. Now that is my confusion…

Please share your new code by copying and pasting it here inside a code block.

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