Build a Cat Photo App - Step 9

HTML-CSS
1

Tell us what’s happening:

having trouble adding alt to img source. cant seem to figure the way to write it out

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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36 Edg/134.0.0.0

Challenge Information:

Build a Cat Photo App - Step 9

2

Hello, You copied the example just add altto the existing code.

3

You have some spaces where they shouldn’t be and it’s causing confusion. Whenever you use an “=” in an element, there should be no spaces in that part of it. If you look at your editable code, the first line you have <src= "https:// but the next line down you have src="cat.jpg This isn’t the only place where you have too many spaces, but pointing out this inconsistency is probably the best way to point out the issue.

Happy coding!

4

you did it correctly, but you need to add the alt to the existing img, not create a new img