<header class="o-header">Header</header>
<aside class="o-aside">Aside</aside>
<main class="o-footer">Main</main>
<footer class="o-footer">Footer</footer>
<!--Retirei os <> para o codigo aparecer aqui no chat-->No elemento main a classe deveria ser "o-main" igual quando criaram mais abaixo no CSS:
.o-header {
grid-area: header;
}
.o-aside {
grid-area: aside;
}
.o-main {
grid-area: main;
}
.o-footer {
grid-area: footer;
}Classes podem, sim, referenciar mais de um elemento, mas nesse caso está errado. O main tem sua posição independente do footer.
Peço correção para não confundi os alunos!
