As áreas definidas pelo professor foi um em baixo do outro. Eu defini um ao lado do outro como exemplificado abaixo. O resultado foi o mesmo. A pergunta é: Ao definir as áreas preciso usar um em baixo do outro ou posso definir um ao lado do outro?. Esse procedimento entra nas boas maneiras da programação?
grid-template-areas:
"cabecalho"
"conteudo"
"rodape";
.app {
background: #f1f1f1;
display: grid;
font-family: Arial, Helvetica, sans-serif;
grid-template-areas: "cabecalho" "conteudo" "rodape";