Learn HTML by Building a Cat Photo App - Step 23

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Please can someone give me some tips/ help on this one I don’t get how to do the figure element and where to put it?
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>
        <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate."> <figure>
      </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/106.0.0.0 Safari/537.36 Edg/106.0.1370.47

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

Link to the challenge:

2

Remember back in step 15 when you had to nest an image element inside an anchor element? This is not different than that.

You just create an element with the word figure and put the opening tag on the left of the img and the closing tag on the right.

3

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