L'inconvénient avec CSS Flexbox, même si on peut aisément positionner 2 éléments côte à côte, est que la largeur d'un élément reste figée, quelque soit l'espace disponible. C'est pourquoi, on préfèrera un design par CSS Grid.

Pour pouvoir fixer une largeur d'un élément inline (ex. span), il faut modifier sa propriété display en inline-bloc