Solucionado
Basicamente só falta finalizar o trabalho que foi iniciado, haja vista que falta somente uma propriedade a ser definida aqui, essa propriedade é o flex-wrap: wrap;, essa propriedade utilizará a height que foi definida para delimitar o espaço do conteúdo, fazendo com que o conteúdo sempre seja quebrado para caber dentro da height.
.rodapePrincipal-navMap-list {
display: flex;
flex-direction: column;
height: 260px;
flex-wrap: wrap;
}
Oi Lucas, tudo bem?
Parabéns por se dedicar ao estudos, quando finalizar vai ter uma bagagem boa sobre flebox e poderá usar em seus projetos futuros.
Você pode postar nas suas redes sociais e marcar a Alura, adoramos ver os projetos finalizados. :D
Não sei se você já conhece esse artigo excelente da instrutora Juliana, sobre Flexbox:
Indico muito a leitura.
Parabéns mais uma vez e bons estudos!
Abraço.
Olá Lorena!
Muito obrigado por ter indicado o artigo, ainda não havia lido, mas agora que li, só tenho a agradecer, vi algumas coisas que nesse ponto do curso ainda não tinham sido comentadas pelo instrutor, já vou ir testando por aqui.
Mais uma vez, agradeço pela leitura e um grande abraço!
Oi Lucas!
Que bom que gostou! Fico feliz por ter ajudado! :D
Conte com a Alura, Lucas!
Abraço e bons estudos.
Oi lorena,
Muito obrigado por ter indicado o artigo, ajudou bastante. ;D
Um atalho que junta as duas propriedades de distribuição e a de quebra é a flex-flow e para ele passamos a direção, column, e a quebra, wrap: flex-flow: column wrap.