Quel est l’effet de définir display: flex sur un élément ?
display: flex
L’élément devient un conteneur flex et ses enfants directs deviennent des éléments flex.
Tous les éléments enfants sont convertis définitivement en texte inline simple.
Tous les descendants, quel que soit leur niveau d’imbrication, deviennent des éléments dans une seule et même mise en page flex.
L’élément et tous ses enfants sont masqués.