Learn HTML by Building a Cat Photo App - Step 22

Tell us what’s happening:

<ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg"><alt="A slice of lasagna on a plate">

Thats how i wrote it, why no work

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>
      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>

<!-- User Editable Region -->

        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg"><alt="A slice of lasagna on a plate">
        

<!-- User Editable Region -->

      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:125.0) Gecko/20100101 Firefox/125.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 22

Hi there and welcome to the community!

Firstly, your img element should not be on the same line as your closing ul tag (for code legibility).
The issue which is causing your code to fail, however, is that your alt attribute should be inside the img tag, next to the src attribute (separated by a space). You shouldn’t have angle brackets around the attribute either.

1 Like

Thank you for the help!

1 Like