Olá turma, a estlização do meu código para tranformar o display em grid e, após isso definir as areas com o grid-template-areas não estava funcionando.

Pesquisei sobre as principais razões e percebi que o grid não estava reconhecendo a minha Tag 'body', por algum motivo dizia que as minhas classes não estavam dentro de body e por isso não poderia usar a proriedade "grid-area", e assim eu não pude definir as areas:

ANTES:

body { display: grid; grid-template-areas: "aside header" "aside main"; grid-template-columns: auto 1fr; }

Porém, eu tentei dar uma classe para a minha tag body e resolveu o problema. Espero ajudar alguém.

DEPOIS:

.corpo { display: grid; grid-template-areas: "aside header" "aside main"; grid-template-columns: auto 1fr; }