Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Hey guys, please help. I’m struggling to add a link to the cat image. I have no idea what I’m missing 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="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>

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/111.0.0.0 Safari/537.36

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

Link to the challenge:

1 Like
2

Welcome to our community!

If you have to turn an image into a link, surround it with anchor tags:

<a href="url"><img src="url"></a>
3

Thanks for the feedback! This looks very much like what I’ve done on mine as well (anchor tags were added) but it still gives me an error. The hint states that " You should only add one opening anchor (a ) tag. Please remove any extras."

1 Like
4

Thanks it’s sorted, refreshed the page and it worked :see_no_evil:

1 Like
5

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