Can you help me with step 12 please?

HTML-CSS
1

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

  **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</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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36 Edg/101.0.1210.53

Challenge: Step 12

Link to the challenge:

3

It says, " Turn the words cat photos located inside p element into a link using the same value for the href attribute as the link below the p element. The p element should show the same text in the browser, but the words cat photos should now be a link. Make sure to remove the a element with the text cat photos on the line below the p element’’. I’ve been stuck at this part since yesterday.

1 Like
5

It said that I’m suppose to turn the work cat photos into a link

7

Not really. The problem is that I don’t know how to turn it into the link

8

i dont know how to turn it to a link too

10

I’ve tried that but , I still cant get it

11

I’ve been stuck on it for 2 days

13

The p element is the one that starts with, "

’’ right?

14 
<p>Hello World</p>

This is a test paragraph.

<p><a href="https://freecatphotoapp.com">cat photos<p/>
15

closing tags need to have the slash (/) before for letter. therefore, it should be

, not

16

Thank you for that. I tried it a second time but, it still didn’t work

18

you shouldn’t have 2 separate “cat photos”. the anchor element should be around the existing “cat photos” from the previous step

19

I tried this instead

Click here to view more cat photos.cat photos

The feedback was

“The link’s text should be cat photos . You have either omitted the text or have a typo.”

1 Like
20

you have to put the anchor element around the cat photos.

it should be:

Click here to view more < a href=“place-link-here”> cat photos < / a > .

delete the duplicate “cat photos”

21

I tried that and it said, “Your anchor (a ) element should be nested within the p element”.

1 Like
22

FYI, to post your code in this forum you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key.

If you are still having problems you’ll need to paste in your most recent code attempt so we can see what you are doing.

23

Click here to view more cat photos

1 Like
26

Please don’t post pictures of code here. Use the triple back tick method that I described above.

Also, if this was intended to give the answer to the original poster then please don’t do that either.

27

ok ,i’m sorry its my first interact .

28

try to coding by writing and dont copying and pasting to avoid indentation.