Learn HTML by Building a Cat Photo App - Step 12

so it keeps saying " 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.‘’
and i just dont understand what the problem is? every thing looks ok and shows up right? can someone help?
my code:

See more cat photos

in our gallery.

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

<!-- User Editable Region -->

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

it automatically made my code the ‘’ see more cat photos’’ idk how to fix tho

You moved the closing p tag, so all of the text is not inside the p element. You shouldn’t change anything that is already there. You should only add the opening and closing a tags to turn the words “cat photos” into a link.

See more cat photos in our gallery.

this coding solved my problem.try and see this way.

cat photos in our gallery.

afte com do the coding like this.it will solve your problem. this is my layman way to tell you.

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