segundo edit: ya resolvi lo de los archivos, ahora el problema que tengo es en el espaciamiento y el area que ocupan las secciones, pues header, body y footer me ocupan un 15% aprox de lapantalla, menconaron en el video algo de 50px, 100% y auto pero no lo ví en el código.
.app {
background: #f1f1f1;
font-family: Arial, Helvetica, sans-serif;
display: grid;
grid-template-areas:
"encabezado"
"contenido"
"rodapie";
grid-template-columns: auto;
grid-template-rows: 50px 10vh auto;
}
.encabezado {
grid-area: encabezado;
}
.contenido {
grid-area: contenido;
}
.rodapie {
grid-area: rodapie;
}mi style css lo tengo así, no se si tenga que cambiar algo de ahí o del html
