comment faire les media query

Bonsoir, comment changer la largeur des vignettes de produits en CSS en utilisant les media query pour cibler les points de rupture (767px, 991px par exemple).

Vous pouvez aussi consulter les webmasters de la plateforme sur le forum accessible depuis le manager et le lien Aide > Forums pour avoir une aide en CSS.

j'ai besoin de vos aides pour mon e-commence de vente en ligne, voici le lien www.mya-aya.fr

Le widget Liste de produits affiche un seul produit par ligne sur mon site j'aimerais bien faire defiler les images comme dans www.lovisa.com

Tu peux essayer de définir la largeur en pourcentage avec flex ou grid, c’est souvent la solution la plus simple pour ce genre de mise en page. Par exemple, pour afficher 2 à 3 produits par ligne, tu peux utiliser flex-wrap: wrap; et flex-basis: 50% ou 33.33% selon la taille de l’écran. Ensuite, il suffit d’ajuster tout ça avec des media queries comme @media (max-width: 991px) ou 767px. Ça te donnera une mise en page plus fluide et bien adaptée aux différents formats d’écran, sans trop te compliquer la vie.