Issues with img

Tell us what’s happening:
I’m not sure what I’m doing wrong with my code. Can someone please help?

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>
<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
<img scr="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" atl=relaxing cat.">

</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.99 Safari/537.36

Challenge: Add Images to Your Website

Link to the challenge:

Hi. Make sure your img tag looks similar to the one in the example. There are some differences with yours. I’m noticing three actually.

I updated it and it still gave me this error: // running tests Your image should have a
``src
attribute that points to the kitten image. Your image element'salt```attribute should not be empty. // tests completed

CatPhotoApp

<img scr=“https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg” atl=“relaxing-cat.>”

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

Do you have a src attribute? Or do you have a scr attribute (which is not actually a thing)? :wink:

Yep also do check the spelling of alt attribute. Its alt and NOT atl.

Sample Format →

<img src="https://image-link" alt="alt goes here!" ></image>

Thank you! I swapped letters for alt and src.

1 Like

cat