Learn HTML by Building a Cat Photo App - Step 21

HTML-CSS
1

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

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <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><img src ="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg"><alt "A slice of lasagna on a plate.">
    </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/104.0.5112.102 Safari/537.36 OPR/90.0.4480.84

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

Link to the challenge:

2

Hi and welcome to the forum!

Please describe what you have been trying to do and what aspect you need help with.

3

Hello. Am getting an error: There should be an img element right after the closing </ul> tag. Every time i try to run the code below.

4

There are 2 mistakes in the code but they are both related to how you define attributes in html.
Recall how to define an img element with src and alt attribute is like this:
<img src="link here" alt="text here">

Check your spacing and your angled brackets

5

but am still getting the same error.

6

Thanks it has evenually worked

1 Like
7

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