Everything seems to work, except the “alt=“ attribute is coming back as empty. When I disable the “src=“ the image is lost and my description “relaxing-cat” appears, which is what I thought the “alt=“ attribute is supposed to do? So I guess I’m not sure why the test comes back saying the alt attribute is empty? As an aside, when I remove the hyphen between “relaxing” and “cat”, only the “relaxing” portion of the text displays. I’m not sure why that is.
Your code so far
<h2>CatPhotoApp</h2> <main> <img src=https://bit.ly/fcc-relaxing-cat alt=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 (iPad; CPU OS 12_4_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.2 Mobile/15E148 Safari/604.1.
Challenge: Add Images to Your Website
Link to the challenge: