Learn HTML by Building a Cat Photo App - Step 9

Tell us what’s happening:
Describe your issue in detail here.

I have an issue whit the part 9 of the first exercise of HTML Im getting stuck whit the alt tribute, because I don’t know in which part of the code it’s the mistake.
so I would be grateful if somebody could help me.
the display always show this: " 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."
but I’m following the indications of the syntax.

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
    <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt =" A cute orange cat is lying on its back" > 

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

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.3 Safari/605.1.15

Challenge: Learn HTML by Building a Cat Photo App - Step 9

Link to the challenge:

There is a white spacing between the quotation mark and the content.

remove the space after the text and between >

1 Like

Hi I see you’ve successfully created the img tag and their correct attributes.

But please not on the syntax of writing HTML code.

Adding an attribute to an element should be like this

<div class="cat_photos"></div>

And not this:

<div class= "cat_photos"></div>

nor this

<div class = "cat_photos"></div>

Notice the extra space there? it shouldn’t be there.

Hope that helps.

1 Like

Yes, Thank you so much.
I didn’t realize about that little but problematic fact. :sweat_smile:

1 Like

Thank you so much, after thinking I realized about that “little” fact. :sweat_smile: :joy:
thanks again for your help.

Thank you so much, I didn’t realized about the importance of the spaces :sweat_smile:

1 Like