Solucionado
destaques {
display: grid;
grid-gap:.2rem;/*A busca automática para grid-gap, diz que esse recurso se tornou obsoleto*/
grid-template-columns: 25% 25% 25% 25%;
grid-template-rows: 33.33% 33.33% 33.33%;
height: calc(100vh - 50px);
}Referente ao curso CSS Grid: Simplificando layouts, no capítulo Estilizando o cabeçalho e atividade Projeto da aula anterior
Oi Tiago, tudo bem? Sim, a propriedade grid-gap foi descontinuada, agora nós usamos o gap somente, que possui o mesmo efeito!
Assim como grid-column-gap se torna column-gap, e assim por diante!
Espero ter ajudado!
Olá Giovanna, tudo bem sim. Ajudou muito. Obrigado pela resposta.
Para o gap ser aplicado em todas as colunas e todas as linhas, meu código ficou assim:
.destaques {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr );
gap:.2rem;
height: calc(100vh - 50px);
}Muito bom, Tiago! Certinho!