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).
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!