j'ai pas la solution idéale cependant, pour ce cas précis, deux remarques
1) le flex du li va travailler sur ses enfants. Or (peut être) que le texte PSEUDO n'étant pas dans une balise (span par exemple) et bien safari ne le voit pas comme un enfant du li au sens "flexible" du coup une rupture dans l'analyse, du coup les trois à gauche
2) pourquoi faire du flex dans ce cas précis ? Tu as deux images d'une petite taille fixe et un texte centré entre les deux. Quel intérêt au flex ? En supposant que tu réduises la taille de l'écran au point qu'elle ne suffise plus à manipuler la ligne entière que verras tu de différent ?
pourquoi pas juste un texte qui aurait une taille (donc un span qui l'entoure) width = calc( 100% - taille img1 - taille img2) avec le bon padding du li ?
1) le flex du li va travailler sur ses enfants. Or (peut être) que le texte PSEUDO n'étant pas dans une balise (span par exemple) et bien safari ne le voit pas comme un enfant du li au sens "flexible" du coup une rupture dans l'analyse, du coup les trois à gauche
2) pourquoi faire du flex dans ce cas précis ? Tu as deux images d'une petite taille fixe et un texte centré entre les deux. Quel intérêt au flex ? En supposant que tu réduises la taille de l'écran au point qu'elle ne suffise plus à manipuler la ligne entière que verras tu de différent ?
pourquoi pas juste un texte qui aurait une taille (donc un span qui l'entoure) width = calc( 100% - taille img1 - taille img2) avec le bon padding du li ?