Building a Cat Photo APP step 12

Tell us what’s happening:
Describe your issue in detail here.
I can’t seem to get this step right. i’ve tried everything.! help Pls

  **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 <a href='https://cat photos.com'></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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36

Challenge: Step 12

Link to the challenge:

You’re not using the correct URL for the link. It should be the same URL as the original link that was below the p element:

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

Also, I don’t see the words “cat photos” in the link you created inside of the p element.

i still don’t get it. This is where i got stuck. so i’m supposed to turn the words “cat photos” located inside the p element into a link using the same value for the href attribute as the link below the p element.

click here to view more cat photos.

cat photos

Exactly, I think you understand. But what you just pasted doesn’t look like the link is on “cat photos” in the p element, does it? It still looks like the link is below the p element.

Also, we need to be able to see your actual HTML in order to help you. To display your code in here 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.

Ok. I really appreciate you helping me out here brother.

<p>Click here to view more cat photos.</p>
<a href="https://freecatphotoapp.com">cat photos</a>

You didn’t change anything. You need to put the link on “cat photos” in the p element. You’ve already done that for “cat photos” below the p element. Now do the same thing for “cat photos” in the p element. If it doesn’t work then post your updated HTML here.

This is what i keep thinking i should be doing but i’m wrong. funny thing is i know it’s something simple. I’m probably just overthinking it

<p><a href="cat photos"></a></p>

or this

<p>Click here to view more <a href="https://freecatphotoapp.com"></a></p>

The second one looks real promising. You have the correct URL for the href attribute set. Now don’t you think you need to add the words “cat photos” to the link so that it show on the page and you can click on it?

i did that already and it was still telling me i’m wrong.

where do i add the words “cat photos” to the link? inside the link to replace where it say “freecatphotoapp”? or where it says “click here to view more”?

The original p element is:

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

You want to turn the words “cat photos” in that sentence into a link. You make something a link by wrapping it in a tags. So if you want to turn the words “cat photos” in that sentence into a link then you wrap the words “cat photos” in that sentence in a tags. Just like you did to the words “cat photos” below the p element.

like this?

<p>Click here to view more <a href="https://freecatphotoapp.com" /a>cat photos</p>

This is closer. But remember, you wrap the text with a tags. That means you put an opening a tag before the text and a closing a tag after the text. Again, look at the link that is below the p element:

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

You are doing the exact same thing to the words “cat photos” in the p element.

ok i got it brother. is this right?

<p>Click here to view more <a href="https://freecatphotoapp.com">cat photos</a></p>

Thanks a lot brother. i appreciate it. God bless