Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

I don’t seem to understand what to do here, the link has been created which worked but i can’t seem to do what in the text
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.</p>
    <a href="https://freecatphotoapp.com">cat photos.org</a>
    <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; rv:102.0) Gecko/20100101 Firefox/102.0

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

Link to the challenge:

2

Yes, you have created a “cat photos” link below the p element. Now you need to turn the words “cat photos” inside the p element into a link.

3

How can i turn it into the P element please?

4

You are not turning anything into a p element. You are turning the words “cat photos” inside the p element into a link. You have already done this below the p element by wrapping the a tags around the words “cat photos”. You will do the same thing to the words “cat photos” inside of the p element. You can put a tags inside of a p element.

5

Hello, i still can’t find my way around it, please assist?

6

Please, post your updated code.

7

Please kindly hep me out, still can’t seem to get, thanks

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <a href="https://freecatphotoapp.com">click here to see more photos cat photos</p>
    <a href="https://freecatphotoapp.com">cat photos.org</a>
    <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; rv:102.0) Gecko/20100101 Firefox/102.0

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

Link to the challenge:

8

How can i turn the cat photos into the p element?

9

Once more, you are NOT turning anything into a <p> element, it already is one. What they want you to do is turn the words “cat photos” into a link with the <a> element.

1 Like
10

image
image711×58 3.41 KB

This is the code

11

You do not turn the cat photos text into a p element.

In the text of your p element, turn the words cat photos into a link.

You only turn the words cat photos into a link.

Please. restart the challenge to get back the original code.

Now, look at the p element you have :

Replace the words cat photos with the a element that you have below the p element :

1 Like
12

Please am i to change the freecatphotapp.com to cat photos?

13

No, you are to wrap the words “cat photos”, which is inside the <p> element in the <a> elements you were given. For Example:

<p>I love <a href="google.com">dog photos</a></p>

1 Like
14

Thanks so much, you are a genius

1 Like
15

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