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

Buenas tardes, alguien que me pueda ayudar a entender las instrucciones de la actividad, por favor, se los agradecería mucho.

Tu código hasta el momento

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <br><br><br><br><br><br><!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
    </main>
  </body>
</html>

Información de tu navegador:

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

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

Enlaza al desafío:

Te recomiendo resetear tu código antes de avanzar.

Este es el código original

    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
    </main>

Cada vez que se anida un elemento se le da espacio, en este caso son 2 espacios, para que visualmente se vea que está en otro nivel.
En el código, los elementos están anidados dentro de las etiquetas “main” y deberían tener 2 espacios de sangría, pero el elemento “p” no tiene el mismo espaciado, lo que tienes que hacer es poner en el mismo nivel el elemento “p”

    <main>
    <h1>CatPhotoApp</h1>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
    </main>

Mira el código anterior y verás que sin el espaciado es más difícil leer el código

1 Like