Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
#1

Tell us what’s happening:
Describe your issue in detail here.
My code works but It keeps saying that I need another nested p that says see more in the gallery but I haven’t got to that yet.
Your code so far

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

<!-- User Editable Region -->

      <p>Click here to view more <a href="https://freecatphotoapp.com">cat photos</a></p>
      <p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- 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/108.0.0.0 Safari/537.36

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

Link to the challenge:

#2

What is this piece?

#3

What is the instruction in the challenge?

#4

Welcome to our community!
Don’t add what is not required by the step. Restart step.
By the way, you have done the line of code correctly except that you have forgotten the dot between the closing ‘a’ and ‘p’ tags, and you added unnecessary things.

#5

to link the word of cat photos to a link. sorry for not having more context

#6

to link the word cat photos to a link

#7

But why did you add that? The instructions did not tell you to add that sentence anywhere.,

#8

This is what it says. In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a ) tags around these words.

#9

Have the above suggestions worked?

#10

Right. It does not say "Add a brand new p element with a completely different sentence than the one you already have`

This is the starting code:

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</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>

DO NOT add any additional p elements.

#11

they have not yet I added periods by the a tags and p tags but nothing else has worked.

#12

Add zero p tags. You should only add one opening anchor tag and one closing anchor tag.

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

So like this ?

#14

What did you intend to post here?

#15

No. Stop adding this sentence

#16

I’ve edited your code for readability. When you 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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

#17

This is what I think it was asking me to do. This is the prompt it is asking. In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a ) tags around these words.

#18

Take away this and you are fine

#19

[quote=“samuelr0207, post:1, topic:582349”]

Click here to view more cat photos

[/quote} it worked. Thank you so much. I had so much trouble and struggling with something that was not supposed to be on there.