Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Por que apenas colocando o flex wrap o problema é resolvido?

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?

1 resposta
solução!

Olá Filipe!

Isso foi devido uma atualização no flexbox, como comentaram nesse tópico aqui: https://cursos.alura.com.br/forum/topico-atualizacao-do-flexbox-209558

Nesse caso o problema não existe mais. Basta levar os ensinamentos da aula, afinal, apesar desse problema específico estar resolvido, criar grids com flexbox nem sempre vai ser uma boa opção, e você pode encontrar outros problemas (sendo necessário usar o próprio grid do CSS).

Siga em frente e bons estudos :)