Sabemos que quando se cria um display: flex, automaticamente a direção dele será de Row (ou linha). Precisamos alterar a sua direção para Column (ou coluna).
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!
Sabemos que quando se cria um display: flex, automaticamente a direção dele será de Row (ou linha). Precisamos alterar a sua direção para Column (ou coluna).
Olá Andre!
Isso mesmo, para alterar a direção você pode usar a propriedade flex-direction. Quando você define display: flex, o padrão é que os itens sejam dispostos em linha (row). Para mudá-los para coluna (column), basta adicionar flex-direction: column ao seu estilo CSS.
Continue assim Andre, você está bem antenado e acompanhando corretamente as atividades.
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!