Se eu utilizar a mesma altura de 250px na nav "rodapePrincipal-navMap-list" que foi mostrado na aula, o resultado é esse:
a quebra de linha é feita e "Lógica de programação" vai parar em cima da h4 "Linguagens Frontend".
Eu só consigo contornar a situação com uma altura entre 252px a 269px. Ou diminuindo o tamanho da fonte.
Alguma outra solução ?
Esqueci do meu código
css:
.cabecalhoPrincipal .container{
display: flex;
align-items: center;
justify-content: space-between;
}
.cabecalhoPrincipal-nav{
display: flex;
}
.rodapePrincipal-patrocinadores .container{
display: flex;
justify-content: space-between;
}
.rodapePrincipal-patrocinadores-list{
display: flex;
align-items: center;
justify-content: space-around;
width: 70%;
margin-right: 5%;
}
.rodapePrincipal-contatoForm{
width: 25%;
}
.rodapePrincipal-contatoForm-fieldset{
display: flex;
}
.rodapePrincipal-navMap-list {
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 252px;
}
acredito que não, pelo que vi o professor pegou uma altura aproximada de 250px. Como os itens não estão agrupados em uma div ele vão seguindo a propriedade Wrap sempre que um deles não couber na altura.