1
resposta

Espaçamento entre Divs

Olá pessoal!! Estou com um problema de espaçamento entre duas Divs que não consigo resolver, espero que possam me ajudar.

Tenho duas divs uma ao lado da outra com diplay flex com uma margem na section de 16px e um gap entre essas duas divs de 16px tabém. No celular com resolução de 360px ta funcionando como esperado de acordo com o figma, mas quando troco o modelo do celular para um de 414px por exemplo, o gap entre essas duas divs aumentam (as margens continuam com 16px).

Gostaria de uma solução onde, ao mudar o modelo do aparelho celular para um um pouco maior, as divs continuem com 16px de margin e gap, apenas aumentando o tamanho dos componentes. Acredito que usar media query para diferentes tamanhos de celular seja inviavel.

Desde já agradeço a todos.

1 resposta

Com o trecho do código ficaria mais fácil identificar o problema.

A sua section pode estar com a propriedade justify-content, que quando a tela aumenta, o espaço do flex-container também aumenta, e com isso a propriedade gap "perde" se efeito.