Aprende HTML construyendo una aplicación de fotos de gatos - Step 16

Español HTML-CSS
1

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.

  **Tu código hasta el momento**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
      <section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
      <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
   </section>
    </section>
  </main>
</body>
</html>

  **Información de tu navegador:**

El agente de usuario es: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Desafío: Aprende HTML construyendo una aplicación de fotos de gatos - Step 16

Enlaza al desafío:

no entiendo si es debajo de cada uno o como ?

2

Lo que hiciste fue anidar un elemento “section” dentro del elemento “section” existente.

Este es un elemento “p”

<p></p>

Cuando se refieren a un elemento, hace referencia a ambas etiquetas (de apertura y cierre) a menos de que tenga una sola etiqueta de auto-cierre como el elemento “img”

Entonces, si te dicen que hay que agregar un elemento debajo otro, tiene que quedar así:

Un elemento “p” debajo de otro elemento “p”

<p></p>
<p></p>

Un elemento anchor “a” debajo de un elemento “img”

<img>
<a></a>