Par défaut, les enfants d'un élément en display flex sont alignés de gauche à droite (flex-direction: row):

<div class="parent">
  <div class="child">1</div>
  <div class="child">2</div>
  <div class="child">3</div>
</div>

.parent {
  display: flex;
}

flexbox_direction_1.png

La propriété flex-direction permet de définir une autre direction:

.parent {
  display: flex;
  flex-direction: column;
}

flexbox_direction_2.png

.parent {
  display: flex;
  flex-direction: row-reverse;
}

flexbox_direction_3.png

.parent {
  display: flex;
  flex-direction: column-reverse;
}

flexbox_direction_4.png

<aside> ⬅️ Fonctionnement

</aside>

<aside> ➡️ justify-content

</aside>