Solucionado
.destaques { display: grid; grid-template-columns: 25% 25% 25% 25%; grid-template-rows: 33.3% 33.3% 33.3%; height: calc(100vh -50px); }
Falha ao executar a página e inspecionar o elemento o comando Calc() da propriedade Height não é compilado, distorcendo a visualização das imagens.
Oi, José, tudo bem?
Um detalhe quase que imperceptível passou despercebido, quando declaramos o calc precisamos deixar os operadores separados para serem lidos, dessa forma:
height: calc(100vh - 50px);Agora, vai funcionar direitinho o estilo. Testa e me fala se deu certo!
Acho que era isso mesmo!
Eu refiz o código, vendo ponto a ponto, e o problema saiu.