Build a Cat Photo App - Step 25

HTML-CSS
1

Tell us what’s happening:

I do not understand what I am supposed to put and where

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <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>catnip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>

<!-- User Editable Region -->

      <lasangna>
        <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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 25

2

The project is walking you through what different HTML elements do, and this step introduces the figure element. It’s asking you to “nest” your existing img element in a figure element, which means putting an opening figure tag before the img element and a corresponding closing tag after it.

3

that’s what I’m not understanding I’ve put what i believe but its wrong can I get an example please

4

When you’re asked to “nest” something, it means that you’re being asked to put an element inside another element. For example, in the code above what you’re being asked to edit, you have:

<ul>
          <li>catnip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
 </ul>

The <li>catnip</li> and <li>laser pointers</li> and <li>lasagna</li> are all nested inside of <ul></ul>

1 Like
5

thank you I appreciate the help that was what I needed to get it

2 Likes
6

Awesome! Glad it makes sense to you now. Happy coding!