Buenas tardes, en el proyecto de esta aula ya finalizado, el footer me quedo en media pagina y no lo puedo mover a la parte de abajo como deberia ser, saben como lo puedo solucionar? a continuacion dejo mi code en css
*{
padding: 0;
margin: 0;
}
.app {
background: #f1f1f1;
display: grid;
grid-template-areas:
"encabezado"
"contenido"
"rodapie";
grid-template-columns: auto;
grid-template-rows: 50px 100vh auto;
}
.encabezado {
align-items: center;
display: flex;
grid-area: encabezado;
padding: 0 2rem;
}
.menu__link{
color: #333333;
padding: .5rem 1rem;
}
.menu__link:hover, .menu__link:active{
border-bottom: 2px solid #0073e6;
}
.contenido {
grid-area: contenido;
}
.rodapie{
grid-area: rodapie;
background: #fdfdfd;
color: #333333;
padding: 1rem;
text-align: center;
}
