Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

I cannot seem to get past step 14…It keeps saying i should only have one instance of cute cats in my code yet the p element should have the phrase “Everyone loves cute cats online” and the anchor element should have " Cute cats"…I am a beginner. Please 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/137.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14

2

You already have “cute cats” in the existing sentence, so you would do just like you did for the “See more..” sentence and wrap your anchor tag around the words “cute cats” in that sentence.

3

Keep an eye on the preview to make sure it looks right

Screenshot 2025-06-21 094712
Screenshot 2025-06-21 094712497×577 46.6 KB

4

still cannot seem to figure it out…don’t know what i’m getting wrong

5

Please post your updated code so we can see what you have tried.

6

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

7

Tell us what’s happening:

tried wrapping the cute cats in the anchor tag… must be getting something wrong

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"</a> <a>cute cats</a> </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/137.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 14

8

Hi In this code, you’re not guided to add another text cute cat

Here you simply need to convert the existed word inside p tag into anchor tag.

Here you accidently create a new word.

Hope You Understand !!

9

Please reset this step to refresh and bring back the given code. Do not add any more text. In the given sentence, “Everyone loves cute cats online!”, wrap an a element around the words, “cute cats” like you did with text in the “See more…” sentence.

10

I certainly do…Thank you!!!

11

you did this in the last few steps, now you need to do again something similar