Learn HTML by Building a Cat Photo App - Step 12

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

Please help me with ‘Learn HTML by Building a Cat Photo App’, Step 12.
I need assistance in nesting an anchor inside a p element.
I keep getting the same error despite having gone through all the suggestions on this platform.

Hint

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

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

<!-- User Editable Region -->

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

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

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

Link to the challenge:

You need to turn the text cat photos here into a link. You have instead added a new word cat photos and turned that into a link.

Hello JeremyLT,
Thank you so much for your feedback but I seem not to understand what you mean by I added a new word and instead turned it into a link.
The initial p element has the words “See more cat photos in our gallery”. If I try to to nest an a element in the p element without these words the error mentions that those words are missing.
Do you mind using an example to show what you mean?

Thank you.

Do you see the words ‘cat photos’ here? You need to put the anchor element around these words.

Instead you wrote a brand new ‘cat photos’ an the end of the sentence. This means that your webpage displays “See more cat photos in our gallery. cat photos”, which is confusing.

Should I have an anchor around both “See more cat photos in our gallery” and “cat photos”?
Should the browser display “cat photos See more cat photos in our gallery”?
When you mention the first “cat photos” are you referring to “See more cat photos in our gallery”? Or should I change the latter to be the former?
What should the new anchor element inside the p element look like?

I’m not going to write the answer for you.

No, you should only add one anchor element.

No. The browser should display “See more cat photos in our gallery.”

Yes. The phrase ‘cat photos’ that is already there when you start the step is the only ‘cat photos’ that should be in your code.

This is a correct anchor element, but in the wrong place.

I think i get it now. Thank you so much for your help and patience. Will let you know if the approach works.

YAAAAAY! I feel so dumb!! :laughing: :grin: :grin: :rofl: :rofl:

Thank you.

This stuff is tricky. Learning what the words mean takes time.

Clearly. Wouldn’t have figured it out without your help.

1 Like

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