Learn HTML by Building a Cat Photo App - Step 22

HTML-CSS
1

I have jumbled the code around and it still works as intended (hyperlinked photo of lasagna), but no passing grade?

Error says “There should be an img element right after the closing </ul> tag.” Have I not done this?

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul><a href="https://cdn.freecodecamp.org/"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate."></a>
        
       
      </section>
    </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/106.0.0.0 Safari/537.36

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

Link to the challenge:

2

Why is the image inside of an anchor? That is baffling the tests.

3

I thought it had to be in order to open…

4

It doesn’t need to open…omg, oops.

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.