3
respostas

Mapa de cursos com as colunas coladas

Eu fiz o css da seguinte forma:

.rodapePrincipal-navMap-list {
    display: flex;
    flex-flow: column wrap;
    height: 250px;
}

Apesar das colunas ficarem uma ao lado da outra, elas ficam completamente coladas sem nenhum espaçamento, já tentei usar margin e padding mas não funcionou

Clique aqui para ver a imagem

3 respostas

Oi Eduardo, tudo bem? Tenta utilizar o justify-content com space-between pra ver se resolve?

Oi Wanderson, já tentei usar esse atributo mas ele acaba só colocando espaço entre os elementos na direção do fluxo do elemento flex pai (que no caso é na vertical), acredito que esse problema das colunas coladas seja decorrente de alguma atualização que pede que algum atributo novo seja declarado, já que fiz igual à configuração que está no vídeo mas não funcionou :s

No caso da vertical, você já tentou usar um margin-bottom: 10px; por exemplo?