Fiquei com duvida pois assim que implementei o flex wrap wrap o problema ja foi resolvido. Procurando uma resposta aqui vi que outra pessoa ja havia criado um tópico com o mesmo problema que eu e, apesar de estar marcado como resolvido não foi dado uma solução do porque.
https://cursos.alura.com.br/forum/topico-apenas-o-flex-wrap-resolve-nao-entendi-o-motivo-185259
meu flexbox.css esta assim:
.cabecalhoPrincipal .container{
display: flex;
align-items: center;
justify-content: space-between;
}
.cabecalhoPrincipal-nav{
display: flex;
justify-content: space-around;
}
.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; */
flex-flow: column wrap;
height: 255px;
}
.conteudoPrincipal-cursos {
display: flex;
flex-wrap: wrap;
}
.conteudoPrincipal-cursos-link{
width: 20%;
}
no .conteudoPrincipal-cursos, assim que coloquei flex-wrap: wrap tudo ja foi pro seu devido lugar. Ja na aula 3-2 o professor coloca margens e outras coisas para deixar tudo certo.
entao a duvida é: porque pra mim só colocando flexwrap ja resolveu e no video não?