|<- [[cffl:Solution - Creating element flexibility]]|[[cffl:Cross-axis alignment]] ->|

===main-axis====
===Aligner des éléments===

  - Chaque flex-container à deux axes : main et cross
  - column : main-axis = vertical
  - row : main-axis = horizontal

Pour aligner selon l'axe principal :
  - justify-content (à appliquer sur le conteneur flex)
    - flex-start (aligné à gauche/haut)
    - flex-end (aligné à droite/bas)
    - center (center)
    - space-between (espace réparti dans les espaces entre les éléments)
    - space-around (espace réparti autour de chaque élément (du coup entre le conteneur et le premier et dernier élément = 1 et entre deux élément 1+1=2) ).
    - -> w3.org/TR/css3-flexbox/#justify-content-property
<code>
ms-flex-pack: start; // old, 2009 syntax
justify-content: flex-start;
</code>