Learn HTML by Building a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

hello i have a problem this is what it say
Sorry, your code does not pass. You’re getting there.
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 cute cats online! <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a>

<!-- 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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/132.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 14

2

Hey there,
you don’t need to add a new “cute cats” text. Just wrap the existing ones here Everyone loves cute cats online! inside an anchor element.
You have removed the closing p tag as well. Reset the step and try again.
Good luck!

3

i did everything but it is still there

4

Can you share your updated code?

5

Screenshot 2025-02-21 13.10.15
Screenshot 2025-02-21 13.10.15594×499 27.1 KB

6

It’s better to write down your code rather than sharing screenshots.

You should use an anchor element <a></a> to turn the words cute cats into a link.
Originally, you are given the code:

<p>Everyone loves cute cats online!</p>

Try to use an anchor element around cute cats in that text. Reset the step to get back the original code and try using anchor element.
Good luck!

7

dont work here is my code Everyone loves cute cats online!<a https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg

8

Here’s how to post your code in the forum:
When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

9

Are you wrapping only “cute cats” inside the anchor elements?

10

i dont know in think no

11

You should do that. inside the p element, find cute cats and add your anchor tags around it.
Good luck!

12

I don’t understand. can’t you please send me that link?

13

Here’s an example of an anchor element;

<a href="www.myurl.com">My text</a>

You can visit step 11 of the cat photo app to learn about using the anchor element. Or you can visit this link.

For this step of the project, could you understand what you were required to do?

Good luck!

14

In your original code at the begining, check your spacing at the front and back of the anchors.

15 
      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
16

copy what you did with cat photos. Its always a good idea to look back at your previous work :wink:

1 Like