Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

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

pls help

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/133.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14

2

the existing text is this, you added an anchor element to the right of this

do you remember this line you created in the last few steps? you can use this as an example

1 Like
3

sorry could you elaborate more i still don’t get

4

what don’t you get?

you need to repeat what you did with the See more cat photod in our gallery., see that cat photos has been turned into a link? you need to replicate that

1 Like
5

my cute cate is a link by code still won’t pass

6

notice how the text in the other line is not See more cat photos in our gallery. cat photos, but the link is around the text in the middle of the sentence

please post your updated code

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

you need to add the missing space before online and remove the period after the !

2 Likes