L'alignement des boîtes en flexbox et grid s'effectue avec justify-content (répartition sur l'axe principal), align-items (alignement sur l'axe transversal), align-self (pour un élément) et gap (espacement). Les axes s'inversent selon flex-direction. Ces propriétés remplacent les astuces de marges.
Exemple
display: flex;
justify-content: space-between;
align-items: center;