`flex-direction`

Define el eje principal de un contenedor flex: row (fila, por defecto), column, row-reverse o column-reverse.

Vista previa

Codigo

ejemplo.html

<style>
  .columna { display: flex; flex-direction: column; gap: 6px; }
  .item { background: #eee; padding: 8px; }
</style>
<div class="columna">
  <div class="item">Arriba</div>
  <div class="item">Al medio</div>
  <div class="item">Abajo</div>
</div>