Learn HTML by Building a Cat Photo App - Step 31

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>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.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg"alt="Five cats looking around a field."<figcaption>Cats<strong>  hate  </strong>other cats.</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 31

Link to the challenge:

Read carefuly the instruction: " After the last img element, add a figcaption element with the text Cats hate other cats.:

<figcaption>Here goes the required text.</figcaption>

After the ‘img’ element. But your ‘img’ element doesn’t have the closing angle bracket.
‘strong’ is not required upon instructions. Delete those tags.

Hi thank you so much for responding please could you show me an example. I am not fully understanding

This is an example:

<img src="URL" alt="Text">
<figcaption>Text goes here</figcaption>

Add the closing angle bracket at the end of the ‘img’ element:

Delete <strong> and </strong>. This is not required upon the instruction.

Hi again , I have tried that previously and tried to change it up when it wasn’t working. I have tried it again and are still getting an incorrect.

This is the message
“Your figcaption element should have an opening tag. Opening tags have the following syntax: <elementName>.”

please show your latest code for review

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg"alt="Five cats looking around a field."><figcaption>Cats hate other cats.</figcaption>

it has Cats hate other cats.

figcaption around it and its refusing to paste

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Your solution works from my end. Please try one of the following steps to move forward.

Click on the “Restart Step” button and force a refresh of your page with CTRL + F5 then try to paste the code in again.

or - Try the step in incognito or private mode.

or - Disable any/all extensions that interface with the freeCodeCamp website (such as Dark Mode, Ad Blockers, or Spellcheckers), and set your browser zoom level to 100%. Both of these factors can cause tests to fail erroneously.

or - Ensure your browser is up-to-date or try a different browser.

I hope one of these will work for you.

1 Like

Thank you, I cleared my cache and it worked ! I appreciate it so much.

1 Like