Build a Cat Photo App - Step 14

HTML-CSS
1

Tell us what’s happening:

please i need help with step 14 of building a catphotoapp
turn the existing text cute cats into and anchor element were there is a

element with the word everyone loves cute cats online! and a href link also, please how do i add the text cute cats without change the phrace in 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
https://www.freecodecamp.org/learn/full-stack-developer/workshop-cat-photo-app/step-14

2

remember what you did with this p element with an a element inside, see how the content of the a element is not repeated

3

type

Everybody loves cute cats online!

4

please can you show example i have done it , but it keeps saying there should be only one cute cats phrase in my code.

5

I shown you an example, if you want more help, post your updated code

1 Like
6

i did it that wa it keeps saying the word in the p element should remain as everyone loves cut cats online!

Everyone lovescute catsonline!

7

notice how you do not have spaces in your sentence

When you enter a code block into a forum post, please precede it with three backticks to make it easier to read.

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

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 
<p>everyone loves cute cats online!</p>

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 is the test and below is what i did

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

this is not the existing text, the capitalization is wrong

and your result you are missing spaces

reset the step and try again please

10

you have write anchor element in between every body loves and online like

Everyone loves cute cats online!

1 Like
11

Hi buddy, See here there is already the text existed cute cats

Here in the p tag, So you no need to put the extra one…

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

Kindly do put the anchor tag in the existed text,

Hope You Understand!!