Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
1
resposta

Para não deixar "estourar" os elementos no elemento pai quando colocamos o flex-direction: column

Podemos incluir a opção flex-wrap, que vai "quebrar" o "column" até o limite desejado colocando os elementos na coluna seguinte e assim por diante com o comando "flex-direction: column" e "flex-wrap: wrap", ou simplesmente o comando "flex-flow: column wrap", e definir a altura,"height, em px desejada.

1 resposta
solução!

Confirmando afirmação