Learn HTML by Building a Cat Photo App - Step 23

HTML-CSS
1

Tell us what’s happening:
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>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>
          <li>lasagna</li>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

      </section>
    </main>

  </body>
</html>

Your browser information:

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

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

Link to the challenge:

Why my code does not pass?

2

What are you having trouble with, cooky?

3

With that figure element.
It keep saying this -“There should be an figure element right above the second section element’s closing tag.”

4

You removed the closing </ul> tag on the list above the image. Be very careful not to make any additional changes that weren’t asked for. Even the slight unexpected change can cause the tests to fail.

1 Like
5

Thank You! I didn’t noticed that.