Can you help me with step 12 please?

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:

You do not seem to have changed any of the existing code yet. What specifically do you not understand?

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

Is there a particular sentence in the instructions that you do not understand?

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

This sentence means you need to change the text "cat photos" inside the p lement to be a link instead of just text. Does that help?

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

i dont know how to turn it to a link too

Steps 10 thru 11 explained how to create a link. I would go back to step 10 and 11 and restart them to make sure you understand what a link looks like and the structure of it before moving on to step 12.

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

I’ve been stuck on it for 2 days

The link you created in step 11 appears in the start of the code of step 12. It is the link with the text “cat photos” that is below the p element sentence. You do see that correct?

If so, then you know exactly what a link with text “cat photos” looks like. You just need to replace the plain text in the sentence inside the p element with this same link and remove the link below the p element

If you are still stuck after trying to write new code, please post your new code for us to see what you tried.

To 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.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

The p element is the one that starts with, "

’’ right?

<p>Hello World</p>

This is a test paragraph.

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

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

, not

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

You are missing a closing tag for the anchor element (a). Also, you are missing the first part of the sentence and the punctuation at the end of the sentence that was originally in the p element.

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

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

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”