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!