Learn HTML by Building a Cat Photo App - Step 28

HTML-CSS
1

Tell us what’s happening:
The task says " After the ordered list, add another figure element."
I do have an empty figure element after the

    element, however the website tells that " There should be a figure element right above the second section element’s closing tag" but I do have a section element immediately above the closing tag.
    Is there something I missed?

    Your code so far

      <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>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <section>
          <h3>Top 3 things cats hate:</h3>
          <ol>
            <li>flea treatment</li>
            <li>thunder</li>
            <li>other cats</li>
          </ol>
          <figure></figure>
        </section>
      </section>
    </main>
  </body>
</html>```




**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36</code>

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

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-28
2

Where is the rest of your code? The problem may be elsewhere…

3

I edited the post. It’s a habbit from stackoverflow when people often get mad when there is to much code

4

I think you have an extra section element which shouldn’t be there.
If you remove these section tags, the code should pass I think.

        <section>
          <h3>Top 3 things cats hate:</h3>
          <ol>
            <li>flea treatment</li>
            <li>thunder</li>
            <li>other cats</li>
          </ol>
          <figure></figure>
        </section>
6

Yes, I think so, there’s two </section></section> tags together.

7

Ok, the solution was

The “things cats hate” section was embeded at the end of “things cats love” instead of being after this section. Moving The ending tag before the new section fixed the issue

Thx for the help

8

Great that you figured out what was happening.
Enjoy the journey!

9

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