O meu código css ficou assim. Porém o menu não ocupa o espaço total do grid, como se o main ocupasse todo o espaço.
body {
display: grid;
grid-template-areas:
"aside header"
"aside main";
}
.cabecalho {
grid-area: header;
}
.menu-lareal {
grid-area: aside;
}
.principal {
grid-area: main;
}
Link do print do meu resultado: https://drive.google.com/file/d/1kEO6l83dS43QH4T7RRMObNaJysNx0XnK/view?usp=sharing
