Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

This is the detailed instruction for step 12:
" Step 12

In the previous step you turned the words link to cat pictures into a link by placing them between opening and closing anchor (a) tags. You can do the same to words inside of an element, such as a p element.

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

I do not know what I am missing here, especially in the code

See more cat photos in our gallery.cat photos.

The response given by the website is:
" 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."

I have watched three tutorials, yet all of them does not work here. I am not trying to be a buzz, but I got stuck here. Thank you so much.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>

<!-- User Editable Region -->

      <!-- TODO: Add link to cat photos -->
      <p>See more cat photos in our gallery.<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 (Macintosh; Intel Mac OS X 10_15_7) 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:

1 Like
2

No problem asking for help. And good job explaining what’s going on!
It appears you added the extra words “cat photos” at the end of the P tag and put your anchor around that. You want to delete those extra words and sink your anchor right into the middle of the sentence around “cat photos”

3

Thank you so much for your reply fourleagues. However, I am still unable to interpret your instruction into actual codes. I humbly ask for guidance.

4

so it will look like

<p>See more <a href="WEBSITE HERE">cat photos</a> in our gallery.</p>
5

i hv the exact same problem stuck in between 11 and 12
if u get rid of it pls help me too

Screenshot 2023-06-28 124624
Screenshot 2023-06-28 1246241364×438 175 KB

6

rishivarathan75, be sure to check the code snippet above. you want to wrap the words “cat photos” in the middle of the sentence, not add more words at the end
Also, be sure to close your opening anchor tag with this symbol: > right after .com"

7

Thank you so much. This is the difference between a “PRO” and someone who just started from scratch. I did passed. Thanks.

8

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