Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.
The link’s text should be cat photos. You have either omitted the text or have a typo.
Your code so far

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>

<!-- User Editable Region -->

    <!-- TODO: Add link to cat photos -->
      <p>
        <a href="https://freecatphotoapp.com"> Click here to view more cat photos </a>
      </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.">
    </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/117.0.0.0 Safari/537.36

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

Link to the challenge:

This is not the correct text for the p element. Did you copy this from somewhere? You need to reset the step to get the original HTML back. When you do that, the text for the p element will be:

See more cat photos in our gallery.

You need to leave that text exactly as it is. The only thing you want to do is add opening and closing a tags to turn the words “cat photos” in the middle of that text into a link.

And don’t change anything else. Don’t remove the link you’ve already created below the p element. Don’t move the h1 element out of the main element. The only thing you want to do is add the two a tags and nothing else.

Kindly follow the advice of @bbsmooth sir.

One more thing is put everything in single line.
So that it will help you pass your test.

Hope you understand.

Welcome to the community!

Here is a great article for freeCodeCamp News category that explains, along with providing good examples, how to turn both text and images into links.

Happy coding! :slight_smile:

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