Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

This is my code

Everyone loves cute cats online! cute cats

the is issue is There should only be one instance of the phrase cute cats in your code

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

     <p>Everyone loves online<a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a></p> 

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
      <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/134.0.0.0 Safari/537.36 Edg/134.0.0.0

Challenge Information:

Build a Cat Photo App - Step 14

2

Hi there, welcome to the community! :blush:

It looks like your code isn’t fully following the lesson instructions. The task asks you to:

Turn the existing text “cute cats” into an anchor element that links to:
https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg

Right now, you’ve placed the anchor inside the paragraph, but you need to wrap only the words “cute cats” in the <a> tag while keeping the rest of the sentence unchanged.

Try adjusting your code so that only “cute cats” becomes a clickable link. That should do the trick!

Let me know if you need more help!

1 Like
3

Hi,
Your issue is you have a full sentence Everyone loves online cute cats and it should be Everyone loves cute cats online!.
Then you have to wrap only cute cats in the anchor.