Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

I want to replace the Cat photos to a link :
The code should read:

Click here to view more cat photos within anchor link nested within the

but I am unable to do it. See below here the instructions of how the code should look like. Thank you: In the text of your `p` element, turn the words `cat photos` into a link to `https://freecatphotoapp.com` . When you are done, remove the old anchor tag and text below the paragraph. 

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>"Click here to view more cat photos"
      <a href="https://freecatphotoapp.com">cat photos</a>
    </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/104.0.5112.102 Safari/537.36 Edg/104.0.1293.63

Challenge: Learn HTML by Building a Cat Photo App - Step 12

Link to the challenge:

2

I have done this but the code don’t pass. What am I doing wrong?

3

I have even copied this your code but it won’t pass.

4

Still it won’t pass.

5

It looks like you did get the anchor tag inside the paragraph tag, but they’re wanting the words “cat photos” in the original sentence:

<p>Click here to view more cat photos.</p>

To be the link that you click. All you should need to do is rewrite that sentence to be structured similar to:

<p>This is my <a href="www.google.com">example</a>.</p>

Which gives you the result:

This is my example.

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.