1Choisissez une flex-direction (row, column, etc.)
2Définissez justify-content et align-items pour aligner les éléments enfants
3Ajustez l'espacement et le nombre d'éléments pour voir la mise en page
4Copiez le code CSS généré
Questions fréquentes
Flexbox est un modèle de mise en page CSS qui permet d'organiser les éléments dans un conteneur le long d'un axe principal. Il facilite l'alignement, l'espacement et l'ordonnancement sans recourir aux floats ni aux astuces de positionnement.
justify-content contrôle l'alignement le long de l'axe principal (horizontal pour row, vertical pour column), tandis qu'align-items contrôle l'alignement le long de l'axe transversal.