Learn HTML by Building a Cat Photo App - Step 9

Tell us what’s happening:

here’s my code

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back">

and here’s the response Your img element’s alt attribute value is set to something other than ‘A cute orange cat lying on its back’. Make sure the alt attribute’s value is surrounded with quotation marks. please help me understand the error

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our gallery.</p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="">
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="">

<!-- User Editable Region -->

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back">

<!-- User Editable Region -->

    </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/125.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 9

1 Like

Great work! Inside you ‘img’ tag for the ‘alt=’ try" laying" instead of “lying”. Make sure your text matches what the lesson requires. Happy coding!

1 Like

addition to the above post also you have missing a dot in the end of your alt value.
@jjnnmm

2 Likes

Hi Dude,

Your Code is working for me !!

Kindly reset your Lesson and do it again !!

Hope You understand !!

Happy Coding !!

3 Likes

Also, why do you have two more of the same images above? You should only have one

Im not sure what code you are looking at, but the code is far from correct. Please ensure you try all the code not just the challenge piece before telling someone their code is correct

what would be the correct code??would you mind pointing out the error in the code apart from it appearing twice(i’ve tried resseting it but the error message is still the same)

how do i do that

i've tried that but its still not working

1 Like

Post your updated code here, using three back ticks (```) in a separate line below and above your code block.

1 Like

My understanding is you just have a typo somewhere. The HTML structure looks fine to me. Don’t stress with more practice you’ll find typos in your code faster. I suggest downloading and using grammarly. It helps avoid spelling mistakes on any text input (emails, search engines, notepad, etc…). I use the free version.

Happy coding!

Okay Sir I’ll surely take care of this in future !!

Thanks for your advice !!