Fala galera, blz?
Dei uma olhada nas discusões aqui do forum e percebi que tem alguns post relacionados a mesma dúvida que tenho:
- Colunas do rodapePrinciapal-navMap ficam grudadas.
Como não achei nenhuma resposta que, realmente, resolveu esse problema, decidi postar o que eu fiz para dar espaçamento entre as colunas. Segue meu código css:
.cabecalhoPrincipal .container{
display: flex;
align-items: center;
justify-content: space-between;
}
.cabecalhoPrincipal-nav{
display: flex;
}
.rodapePrincipal-navMap-list{
display: flex;
flex-direction: column;
height: 250px;
flex-wrap: wrap;
width: 470%;
}
.rodapePrincipal .container{
display: flex;
justify-content: space-between;
}
.rodapePrincipal-patrocinadores-list{
display: flex;
align-items: center;
justify-content: space-around;
width: 70%;
}
.rodapePrincipal-contatoForm{
width: 25%;
}
.rodapePrincipal-contatoForm-fieldset{
display: flex;
}
Eu coloquei um, "número mágico", width:470% e consegui aplicar um espaçamento. O problema é que esse valor é um numero qualquer. Se alguém souber um método mais fácio e lógico, usando as propriedades do flex box, por favor, comentem aqui, gostaria de aprender também.