Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
I think there are some flaws in the program i did . i tried many times but showing errors
Describe your issue in detail here.
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.

Your code so far

is

CatPhotoApp

Cat Photos

  <p> See more cat photos in our gallery.<a href= "https://freecatphotoapp.com">cat photos</a></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>
```

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

Welcome to the forum.
I suggest looking at how your completed Step 11, and using it to complete Step 12, only anchoring the words ‘cat photos’ in the p element as you did with the previous anchor in Step 11.
For example only. < opening element > The bright red < opening anchor > sports car < closing anchor> won the race.

I hope this helps you. Happy coding!

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

You added the words “cat photos” to the end of the sentence and made that the link. You don’t want to add any extra words. You want to turn the existing words “cat photos” in the middle of the sentence into a link.

2 Likes


but i typed what you gave .yet the error is not done ,please help

I don’t see where you made any changes from the code you originally posted.

Again, you added an extra “cat photos” to the end of the sentence and turned that into a link. You don’t want to do that. I would restart the step to get the original HTML back. You do not want to add any new text. You only want to add one opening and one closing a tag to turn the existing “cat photos” in the middle of the sentence into a link.

1 Like

Understand …thank you so much


Sir! i did, can u correct me again please?

The text “cat photos” is supposed to be in the link but you deleted it. You want the link on the page to be “cat photos” so you need to leave that text in there.

Also, be sure to end your opening a tag with a >.

I would restart the step to get the starting HTML back. You do not want to delete anything that is already there. You just want to add the opening and closing a tags so that “cat photos” is turned into a link.

“…turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a) tags around these words.”

If you do not understand something about these instructions, please ask.


please correct me

Again, you don’t want to add any new text to the HTML. You are still adding another “cat photos” at the end of the p element. I’m not sure how much clearer I can state this? Don’t add any new text. Only add the opening and closing a tags to turn the existing words “cat photos” in the middle of the sentence into a link.

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