Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

Tell 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 -->

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

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 15

2

Hello and welcome to the community :smiley:!
Try and turn your image element into a link by nesting it inside a tags.
Ex:

<a href=""><element></element></a>
2 Likes
3

Welcome to the community @arra.soumya2 !

@anon86258595 has provided good guidance, as always.

I just thought including the following article found in FCC News category may help now, and throughout other steps where turning images or text into links is the goal.
It has good explanations and examples for us to use as guidance.

It will definitely come in handy thoughout the Responsive Web Design courses.

FCC News Article Turn Image and Text Into Links

Happy coding!

2 Likes
4

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