Olá! Neste seletor, estamos inserindo ele na "grid-area: conteudo" que definimos lá no style.css quando separamos nosso site em 3 partes, ok. Mas eu acreditava que quando inserisse esta informação a area do rodape iria para o final da página, o que não aconteceu. Desta forma, a area conteúdo ficou dividida parte em cima do rodapé, parte embaixo. Por que não funcionou? Se a intenção não era inserir a classe .populares__conteudo entre o cabeçalho e o rodapé do site, qual foi o motivo da definição desta grid-area?
.populares__conteudo {
display: flex;
flex-wrap: wrap;
grid-area: conteudo;
padding: 1rem 0;
}