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

Español HTML-CSS
2

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