Flexbox est un ensemble de propriétés CSS.

Afin de pouvoir utiliser ces propriétés, il faut donner un display flex au parent des éléments à aligner:

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

.parent {
  display: flex;
}

flexbox_fonctionnement_1.png

C'est ensuite le parent qui va indiquer à ses enfants comment ils doivent se positionner (direction, espaces, alignements, retours à la ligne, etc).

<aside> ⬅️ Utilité

</aside>

<aside> ➡️ flex-direction

</aside>