Porque ao definir o tamanho da row do conteúdo, o rodape pode alterar sua ordem?
Para mim não fez sentido nenhum e o professor não explicou o motivo.
Antes estava:
.app {
display: grid;
grid-template-areas:
"cabecalho"
"conteudo"
"rodape";
grid-template-columns: auto;
grid-template-rows: 5vh 95vh auto;
}Dessa forma, o rodape estava acima do conteudo.
Pra corrigir o erro, o professor alterou e ficou dessa forma:
.app {
display: grid;
grid-template-areas:
"cabecalho"
"conteudo"
"rodape";
grid-template-columns: auto;
grid-template-rows: 5vh auto auto;
}Após a mudança, o rodape ficou abaixo do conteudo normalmente.
