Aprende HTML construyendo una aplicación de fotos de gatos - Paso 12

Tell us what’s happening:

Describe tu problema en detalle aquí.

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.</p>
      <p><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:

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:123.0) Gecko/20100101 Firefox/123.0

Challenge Information:

Aprende HTML construyendo una aplicación de fotos de gatos - Paso 12

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.

Intenté muchas veces de diferentes maneras, pero no se logró dar el resultado.

este tiene que ser el resultado final
image

del parrafo existente See more cat photos in our gallery. tienes que convertir a un enlace las palabras cat photos