Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

Everyone loves cute cats online! cute cats

this code says they should be one instance of the phrase cute cats without removing the p element

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 cute cats 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/139.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14

2

HI there, I feel you should reset your code as your solution is quite contrary to the instruction.

Turn the existing text cute cats into an anchor element that links to:

https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg

That’s ur instruction and to do something like that, you follow this syntax:

<elementname> Some text <a href="link.com"> that require </a> linking </elementname>
1 Like
3

Hi Buddy, See here in this code you have added another text but here you should not add the another text but instead of that you should do add the anchor tag inside the existing text.

See here how you’ve converted the existed text cat photos into an anchor tag.

Note: By using the smae method you can convert the text into an anchor tag.

Hope this helped you !

1 Like