Learn HTML by Building a Cat Photo App - Step 15

Tell us what’s happening: I have problems on quiz 15, it’s been getting harder and harder to understand what I have to do.

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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 15

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

Hi @victor15

This step is asking you to turn the image into a clickable link. The process will be similar to how you changed text into a link.

Here is an article explaining how to link text and images inside nested elements you may find helpful.

Happy coding

1 Like

Hello @victor15 !

Do not worry, if you try and do as you have done here, provide the code and the problem, to the community we can offer guidance for you to make it work for you and the course.

Here is something from within your current code, to use for a reference on how to complete this step.

There are only a few things different between what we are asked to do, in this step, and this part of the code.

Instead of cat photos, we will have the img with its attribute and value and the anchor in the quoted code has a target attribute which is not needed in our anchor for the img

Think of it as putting a support outside of the img on both ends to make it into a link.

Here is a great article found in the News category of freeCodeCamp that explains and provides good examples.

Wishing you good progress.

2 Likes