Learn HTML by Building a Cat Photo App - Step 23

HTML-CSS
1

Tell us what’s happening:
The message said

There should be an figure element right above the second section element’s closing tag.

I’m brand new to this and so far have found it okay but this one is halting 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"><imgsrc="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 -->

     <figure><elementName>
        <imgsrc="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
      </figure><figcaption>Cats love lasagna.</figcaption></elementName>
    </section>
      

<!-- User Editable Region -->

      </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/16.4 Safari/605.1.15

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

Link to the challenge:

2

The steps are very precise at times. Its often the case that if you know how something works you will add things it does not ask for.

  • Nest the image you just added within a figure element.

this is the figure element
<figure></figure>

You have added more than one element

It wants you to ‘nest’ a section of your code.
nesting is when one tag is placed within another.

Try refreshing the step to clear away your edits. then try surrounding the code in the figure element

:smiley:

1 Like
3

Thank you for this response, it was definitely a ‘wood for the trees’ moment and it worked as you instructed.

Onwards!