Aligner des éléments sur une ligne avec flex ou grid ?

Salut,

Voici le codepen de mon code issu de mon CMS : https://codepen.io/vZgtErTghZdQdgZA/pen/EaPjLxd

Ça s’affiche comme sur l’image https://ibb.co/MD5S6rP0 pour l’instant.

Je voudrais que mon panier, mon lien de connexion, et le champ de recherche soient alignés harmonieusement sur une même ligne. Je galère depuis une heure et j’ai bien trouvé un code, mais ça fait sortir des éléments de l’interface sur mobile. Je mets le code erroné ici :

.region-top-header-form {
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  justify-content: flex-end;
}

Merci de votre aide.
Modifié par myself (23 Sep 2025 - 16:16)

Bonjour,

C'est étrange, le codepen, l'image et le codepen en chargeant bootstrap ont tous les 3 un visuel différent. Il faudrait clarifier.

cdt

Sorry, j’ai mis le code à jour