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

A quebra no wrap

Pessoal, entendi sobre a quebra no wrap e como funciona. No caso do exemplo da aula eu vi que sempre o 'h1' está dando um 'wrap', mesmo os elementos não chegando no limite 250px. Este comportamento após definir um height ocorre devido ao título (h1,h2,etc) ter por padrão comportamento block?

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta
solução!

Olá!

De fato tags de título possuem display block por padrão, ficando um por linha, porém quando é aplicado display flex em um container, os seus itens ficaram lado a lado mesmo se houver alguma tag de título.

Visualmente pareceu que deu um flex-wrap, porque o título ficou em cima, porém na realidade o instrutor aplicou display: flex na classe rodapePrincipal-navMap-list, que fica logo abaixo do h3 "Mapa de cursos". Por isso ele ficou acima, e os itens alinhados abaixo. Repare que dentro do nav existem h4 e a, os títulos ficaram alinhados junto das tags "a".

Ele aplicou 250px de altura, porque o flexbox precisa que os elementos tenham uma altura definida, para poder organizá-los dentro do espaço do container.

Espero ter ajudado! :)