Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
I have looked at step 11 and copied exactly how the format is but it is still repeatedly saying ’ The link’s text should be cat photos . You have either omitted the text or have a typo.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p><a href="https://freecatphotoapp.com">See more cat photos in our gallery</a></p>
      <p><a href="https://freecatphotoapp.com">cat photos</a></p>

<!-- User Editable Region -->

      <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/115.0.0.0 Safari/537.36

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

Link to the challenge:

3

What do you think the text of the link is in your HTML above? (The first link, inside the first p element.)

Also, don’t make any changes to the existing link under the p element. You wrapped it in a new p element and changed its link text. You don’t want to do that.

You might want to restart the step to get the original HTML back and then only do exactly what the instructions ask and no more.

4

Hey @DobarBREND I think you are referring to a different step here.

1 Like
5

Yes, you are right. I have viewed the linked challenge, after the topic’s title, and it seems to me that the code in question is copied from the previous step and pasted here just like that. Now, I see it is about a different issue…

6

Ill try that, thanks

7

I still dont get it my code right now is :<p><a href="https://freecatphotoapp.com">See more cat photos in our gallery.</a></p>' and its saying The link’s text should be cat photos. You have either omitted the text or have a typo.`

8

Im talking about step 12, sorry if I didnt make it clear enough

9

Again, I ask, what do you think the link’s text is in your HTML above?

10

See more cat photos in our gallery.

11

Correct. Is that the exact same text that the instructions are asking you to turn into a link?

12

no, so your saying I should put the link before the words cat and after photos in the sentence?

13

Why don’t you give that a try? A link’s text goes between the opening and closing a tags, so that sounds like it might work.

14

I did, I got the same result <p>See more<a href="https://freecatphotoapp.com"> cat photos </a>in our gallery.</p>

15

You need to show us your updated HTML.

OK, you added it after I posted this.

You are close. Your link text should only include the text “cat photos”. There should only be one space in that link text, between the word “cat” and the word “photos”.

16

Oh okay, thanks I’ll try it

17

It says this now: After nesting the anchor (a ) element, the only p element content visible in the browser should be See more cat photos in our gallery. Double check the text, spacing, or punctuation of both the p and nested anchor element. This is the new piece of html: <p>See more<a href="https://freecatphotoapp.com">cat photos</a>in our gallery.</p>

18

Above is what the text in your p element looks like on the page. Do you see that you are missing spaces between some words? I said you didn’t want extra spaces inside of the link text. But you still want them between the words in the sentence :slightly_smiling_face:

19

Oh alright, thanks. It should work now, hopefully…

20

Thank you so much for the help! It worked finally. :+1:

21

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