Learn HTML by Building a Cat Photo App - Step 12

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

<!-- User Editable Region -->

      <p>See more
        <a href="https://freecatphotoapp.com">cat photos </a>in our gallery.
      </p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- 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.">
    </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/116.0.0.0 Safari/537.36 Edg/116.0.1938.69

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

Link to the challenge:

Welcome to FCC Forum!

For this step we are asked to turn the words cat photos into a link (without removing it for the p element statement).

For any item being turned into a link, be it text or an image, it is important to place the opening anchor element tag directly before the first item to be turned into a link. Then, to make sure to place the closing anchor element tag right after the last part of the item being turned into a link.

Example:

The above is from your own code. Notice how you entered the opening anchor element directly before the word ‘link’ which is the beginning of the item you wished to link. As you will, also, notice, you placed the closing anchor element tag directly behind the last word ‘pictures’ which was where you wanted to stop the link.

I hope this helps you.

Happy coding! :slight_smile:

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