Learn HTML by Building a Cat Photo App - Step 15

Tell Turn the image into a link by surrounding it with necessary element tags. Use https://freecatphotoapp.com as the anchor’s href attribute value.us what’s happening:
Describe your issue in detail here.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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>

<!-- User Editable Region -->

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

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

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

Link to the challenge:

Hi there and welcome to our community!

Your img element should be nested between the opening and closing anchor tags. Your img element is inserted in the middle of your href attribute, inside the opening anchor tag, which is not properly closed off.

The syntax should look something like this:

<a href="example.com"><img src="example.com" alt="example text"></a>

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