Cat Photo App - Step 32

HTML-CSS
1

hey people, I recently started on building the cat Photo App, and for some reason it keeps telling my code for the step is incorrect. here is my code so far for the step:

image
image485Ă—108 12.4 KB

if you guys have a solution or feedback please let me know

2

hello @28jocd37 welcome to the forum!

If you need help regarding one of the challenges, please try to use the Help button (image) located at the bottom of the page in that challenge.

After clicking it, you will find a "Create a help post on the forum” button that will create a new Topic and attach all of your code and a link to the challenge automatically for you. You can still edit the post to explain your issue in your own words, so we can help you better. Thankyou.

3

Tell us what’s happening:

when I try to submit the steps code it keeps saying 'the Cats img element needs an alt atribute with the value “Two tabby kittens sleeping together on a couch”’ even though that’s exactly what I have down. I’ve been stuck here for 3 days. and i’m out of solutions. if you have any feedback or recommendations please let me know

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
        <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>catnip</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>

<!-- User Editable Region -->

          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Two tabby kittens sleeping together on a couch">

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/138.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 32

4

The steps says -

add an alt attribute with the text:

Two tabby kittens sleeping together on a couch.

Do you have the full-stop(.) in the end?

5

no, I don’t have the full stop, lemme add that really quick

6

that totally worked, thank you