Learn HTML by Building a Cat Photo App - Step 26

HTML-CSS
1

After the figure element i have been trying to add h3 element with this tex:Top 3 things cats hate
this is what i tried but not correct.

**Your code
A slice of lasagna on a plate.
Cats love lasagna.

Top 3 things cats hate:

**

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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.<h3>Top 3 things cats hate:</h3> </figcaption>  
        </figure>
      </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/107.0.0.0 Safari/537.36

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

Link to the challenge:

2

this block is the figure element.
they want you to add the new h3 after it (you have h3 inside it right now)

3

Am still stuck on step 26
please any help: this is what i tried
.

**
A slice of lasagna on a plate.

Top 3 things cats hate:


Cats love lasagna.

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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.">
          <h3>Top 3 things cats hate:</h3>
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
      </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/107.0.0.0 Safari/537.36

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

Link to the challenge:

4

Please do not create duplicate topics for the same challenge/project question(s). This duplicate topic has been merged to this one

Thank you.

5

after adding h3 after it this is what they are saying
There should be an h3 element right above the second section element’s closing tag. Make sure it has an opening and closing tag.

6

Okay, thank you sir.

7

the code you posted is incorrect as mentioned here:

you need to move the h3 element from where it is now to the line after the figure element.

8

i got it now thank you.

1 Like
9

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