Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

margin 0

#Hola, como estan? a alguien le paso que con el mismo código del video aun le quedan márgenes a ambos lados de la pantalla? Si le coloco margin: 0; a .app logro corregirlo pero sino no me queda tal cual el video de ejemplo. Paso mi codigo sin incluir el margin 0; a ver si encuentran algo que este haciendo mal. Gracias!!

.app {
    background: #f1f1f1;
    display: grid;
    grid-template-areas:
        "encabezado"
        "contenido"
        "rodapie";
    grid-template-columns: auto;
    grid-template-rows: 50px 100vh auto;
}

.encabezado {
    background: greenyellow;
    grid-area: encabezado;
}
.contenido {
    background: palevioletred;
    grid-area: contenido;
}

.rodapie {
    background: lightskyblue;
    grid-area: rodapie;
}
2 respuestas

Lo termine recien y si, hay montones de cambios sin explicar. Te recomiendo bajar los archivos al principio de cada aula y seguir con esos.

solución!

Hola lo que yo pude observar es que ese margen se puede ver cuando falta el archivo normalize.css, ya que aunque en el código HTML viene incluido:

<link href="./assets/css/normalize.css" rel="stylesheet">

este archivo no está en la carpeta CSS, pero lo pueden descargar de este lugar https://necolas.github.io/normalize.css/

Con eso se arregla ese detalle del espacio margen al rededor de la página.

Saludos!