Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

I CANT UNDERSTOOD ANCHOR TEXT THINK HOW CAN I REPLACE CUTE CAT

Your code so far

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

<!-- User Editable Region -->

      <p>Everyone loves cute cats online!<a <!--TODO:cute cats href='https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg'! </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

Challenge Information:

Build a Cat Photo App - Step 14

2

Hi. You need to wrap the anchor opening and closing tags around the existing text “cute cats”. I suggest you reset the step and put the anchor tags in the correct place. The text has to be exact to pass including spacing, don’t add extra spaces in the text paragraph.

3

In terms of your updated code in the other post, you have written cute cats twice. Have a look at the preview window as you type. The words cute cats in the sentence should have a clickable link. I suggest you reset the step and try again. Don’t add any text to the existing sentence. You only need to add the anchor tags within the existing text around the words cute cats.

4

i tried as you said but its not working

Screenshot 2025-03-12 130730
Screenshot 2025-03-12 1307301052×162 14.8 KB

5

You have capitalised Cute. The tests are case sensitive. Check there is a space before “online!” but after the closing anchor tag.

6

Screenshot 2025-03-12 131043
Screenshot 2025-03-12 1310431850×436 67.6 KB

7

Please don’t post pictures of code. Can you cut and paste the code inside the editable window into the forum post. You can add 3 backticks before and after the code.

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 (').

8

Try a space after “loves”

1 Like