ATÉ 50% OFF
TÁ ACABANDO!
0 dias
0 horas
0 min
0 seg
Solucionado
Copiei e colei o código do exercício e mesmo assim tive o mesmo problema. Quando o elemento quebra a linha com o wrap as colunas ficam todas coladas sem espaçamento. Já tentei usar o scapa-beteween e não funcionou.
.rodapePrincipal-navMap-list {
display: flex;
flex-flow: column wrap;
height: 250px;
}
Fala aí Matheus, tudo bem? Para resolver esse problema você pode estar usando o calc com space-between.
Algo mais ou menos assim:
.rodapePrincipal-navMap-list {
display: flex;
flex-flow: column wrap;
height: 250px;
justify-content: space-between; // adicionar
}
// no filho....
.rodapePrincipal-navMap-item {
width: calc(50% - 10px);
}Nesse exemplo ficara dois elementos por linha com um espaçamento de 20px (10px * 2) entre eles .
Espero ter ajudado.