Olá, estava revendo o projeto da aula 02 e percebi que o gap utilizado no projeto acaba fazendo com que as imagens ultrapassem os limites do width definido na seção "destaques", como posso solucionar nesse caso?
Obs: não consegui dar upload na foto para mostrar a situação
Subtrai os valores que você colocou na width e height das imagens pelo valor do gap utilizado. Espero que ajude :)
Olá, consegui resolver utilizando ao invés de:
grid-template-columns: 25% 25% 25% 25%;
Eu utilizei: grid-template-columns: 1fr 1fr 1fr 1fr;.
Com o 1fr como valor de medida, o gap não faz com que o conteúdo fique fora do grid.
Obrigado pela resposta.