Learn HTML by Building a Cat Photo App - Step 26

Tell us what’s happening:

This is the hint that I’m getting when I get the answer wrong. “There should be an h3 element right above the second section element’s closing tag. Make sure it has an opening and closing tag” I have no clue where to place the section element. If some one could please help and explain it would be very helpful . Thank you in advance for any help.

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>
        </ul>

<!-- User Editable Region -->

        <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>
        <figure>
          <h3>Top 3 things cats hate:</h3>
        </figure>


<!-- User Editable Region -->

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

Your browser information:

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 26

The section element they are talking about in the hint is the very bottom line of this:

You don’t need to do anything with the section element, just add the h3 in-between the figure you just did, and that section tag.

You have wrapped your h3 in a figure element. Figures are meant for containing images, there isn’t really any purpose for it here.

The question is:
After the figure element, add another h3 element with the text:
Top 3 things cats hate:

Mod edit: removed

@manu-xlr8

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

honestly we can delete this post I just want to move forward. I currently have

Top 3 things cats hate:

but it will not let me move forward do I have to open a ticket like we are all in agreement that’s the solution for step 26?

<figure>
          <h3>Top 3 things cats hate:</h3>
        </figure>
      </section>

Please share all of the code not just part of it. With what you posted its hard to see if theres issues anywhere else, or if you actually have all the code needed. I doubt its a problem with the challenge

<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>
        <figure>
          <h3>Top 3 things cats hate:</h3>
        </figure>
      </section>

Why are you adding another figure element? The directions never asked you to do that. You need to add the h3 after the figure element they gave you. Meaning after the closing figure element tag you need to add the h3

That makes a lot of sense when down the wrong rabbit hole I apologize. Would you like me to delete this post?

All good, mistakes happen and learning from them makes you better going forward. No need to delete the post, there may be someone in the future who faces the same problem and will find his helpful

1 Like