"Image element's alt is empty" getting this error

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>

<img src=https://bit.ly/fcc-relaxing-cat>
<alt=/fcc-relaxing-cat>
<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>
</main>

Your browser information:

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

Challenge: Add Images to Your Website

Link to the challenge:

<img src=https://bit.ly/fcc-relaxing-cat>
  1. While quotes are not required when defining attributes in HTML it is strongly recommended to use them.
<alt=/fcc-relaxing-cat>
  1. alt is not html tag, it is an attribute, so you have to use it inside of <img> for example, like so:
<img src="cat.jpg" alt="Black cat eating pizza" />
1 Like

Thanks now I got it.