Learn HTML by Building a Cat Photo App - Step 23

HTML-CSS
1

Tell us what’s happening:

why it keep shows like this :There should be an figure element right above the second section element’s closing tag.
my coding is like this :

image
image1074×150 13.6 KB

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>

<!-- User Editable Region -->

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

<!-- 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/129.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 23

2

Hello there @stellaliu

Looks like you’ve more than one issue in your code. It is better to click on “Reset Button” to get the original code and start again.

If you look clearly there are two closing section tags available inside your code, which is not right and there should be one.

<ul>
        <li>cat nip</li>
        <li>laser pointers</li>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

    </section>
  </main>
</body>
</html>

Also you’re missing a closing ul tag above figure tag. That’s why you’re getting error.

I hope my reply will help you to understand, thanks.

2 Likes
3

thank you so much!!! You are amazing!

1 Like
4

Thanks, you’re welcome!