Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

Tell us what’s happening:

I need help it keeps telling me to close the image but if I do it then that would make it a separate section . I need some guidance

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
      <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>

<!-- User Editable Region -->

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
      <a href="https://freecatphotoapp.com">  < img="image-https://freecatphotoapp.com.jpg" alt="a photo of a cat." </a>

      

<!-- 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/131.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 17

2
  1. click on the reset button
  2. surround the img tag with anchor tags. Make sure the closing tags are proper. Your code looks like you added a malformed line (the img tag does not have a proper closing bracket > befor the the closing anchor tag) under the existting img tag instead of surrounding the img tag with the anchor tags.
  3. add the href attribute to the opening tag
3

First remove the image tag before the anchor tag and put it inside(nested) in the anchor tag . like this

          <a><img/></a>