Com a utilização do column-gap resolve somente para o tamanho de tela definido caso o mesmo seja responsivél não ficará padrão para os demais tamanhos de tela antes do @media.
Tem alguma outra solução responsiva para esse problema ?
Com a utilização do column-gap resolve somente para o tamanho de tela definido caso o mesmo seja responsivél não ficará padrão para os demais tamanhos de tela antes do @media.
Tem alguma outra solução responsiva para esse problema ?
é só aplicar o column-gap fora do @media. Então, no @media não vai ter necessidade de alterar essa definição, porque ela vai ser global pra todo tamanho de tela. Em vez de fazer @media screen and (min-width: 760px){ .destaque{ column-gap: 1rem; } }. Faça: .destaque{ column-gap: 1rem; }, fora de qualquer @media