Flex peut créer des "media objects" divers sans se prendre la tête avec les plus classiques overflow, clearfix ou autres solutions parfois utiles mais souvent pas pratiques.
Les emplacements du texte et de l'image peuvent être modifiés facilement sans toucher au html, et il est tout aussi simple d'intégrer un media object dans un autre "parent" que d'en créer un seul
Flex permet des alignements bien plus simples que le CSS 'classique', y compris le centrage vertical, habituellement un casse tête sans nom, avec des possibilités qui devraient théoriquement
fonctionner, mais finissent pas alourdir le code sans effet notable (voire, dans certains cas, cassent la moitié de la page). Flexbox aligne efficacement et proprement, que l'élément en question ait ou non des éléments siblings:
align-self: flex-start;
justify-content: center;
align-self: flex-end;
Input Add-ons :
En raison de la façon dont le dimensionnement des entrées fonctionne en CSS, il est presque impossible d'ajouter ou d'ajouter un autre élément et de faire en sorte que le champ d'entrée
se comporte de manière fluide et occupe l'espace restant. Avec Flexbox, tous ces problèmes disparaissent, et le code est très simple. En outre, vous obtenez des champ de saisie et d'add-on de la même hauteur
