Build a Cat Photo App - Step 9

HTML-CSS
1

Tell us what’s happening:

I am unable to insert an alt element. I tried repeatedly and checked and re checked all suggestions

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves cute cats online!</p>

<!-- User Editable Region -->

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">
<img src="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; rv:144.0) Gecko/20100101 Firefox/144.0

Challenge Information:

Build a Cat Photo App - Step 9

2

Hi @tsrha and welcome to our community!

Why do you have two img elements?

3

I left the previous entry above and continued down the line.

4

you did it correctly, just make sure you do it on the existing img element, do not create a new one

1 Like
5

unfortunately that approach of continuing on a new line does not work when you are asked to add an attribute to an existing element

6

Thank you . I am a digital ancestor ( another term—- and habitual forgetful.

1 Like
7

Hi buddy see here is the img element presented in the existed code.

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg">

And here is your alt element tag.

alt=" A cute orange cat lying on its back"

You need to put this in the first img tag, instead of adding a new one.

Hope this helped.