Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

Finalizando a página

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;
    }
4 respostas
solução!

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.