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!
Oi, Eleazar!
Obrigada por compartilhar seu código com a comunidade Alura.
O uso de flex-direction: column; no seu container tá correto para alinhar os elementos em uma coluna. E, a propriedade gap: 10px; garante um espaçamento consistente entre os itens, o que facilita a organização.
Para saber mais:
Ao trabalhar com Flexbox no CSS, você pode controlar facilmente o layout e a disposição dos seus elementos, como no exemplo abaixo onde os links são alinhados verticalmente, espaçados igualmente e com um alinhamento centralizado.
Quer aprender mais sobre Flexbox e como usá-lo em seus projetos? Confira este artigo:
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!