Problème d'affichage sur Firefox

Bonjour,

je rencontre un problème étrange sur Firefox. Tout fonctionne correctement avec Chrome et Edge.

Voici deux pages où se produisent le problème :
www.guillenphoto.com/fr/les-photos-d-art/editions-uniques.html
et
par exemple : www.guillenphoto.com/fr/les-photos-dart-...n-dore-1706-319.html
(regarder les produits en relation).

Les produits sont étirés. L'affichage est bizarre.

Suite aux recommandations de Philipp pour un précédent sujet, j'avais ajouté width : max-content; dans les css pour ne pas avoir une bordure blanche affichée autour des produits.
J'ai donc customisé les css.

Pouvez-vous me dire comment résoudre ce problème?

Merci par avance pour votre aide,
Sincèrement,
A. Guillen

J'ai trouvé le css à écrire

au lieu de mettre width : max-content;

j'ai écrit :
width: auto;
display: inline-block;

J'ai trouvé l'information sur cette page :
forum.alsacreations.com/topic-4-69642-1-...te-pas-firefox-.html

Désolé pour le topic.
Mon problème est résolu.

Sincèrement,
A. Guillen

Bonjour Philip,

comme vous l'avez demandé, j'ai vérifié la version de Firefox. C'est bien la dernière qui est installée sur mon ordinateur.

J'ai le problème quand je mets width : max-content, le problème apparait sur mes pages :





Quand je remets les 2 lignes dont je vous ai parlé, tout fonctionne correctement :





Je ne connais pas la raison. J'ai juste trouvé une solution à mon problème. Je ne sais pas du tout programmé pour le web.

Sincerely,
A. Guillen

Bonjour Philip,

je vous remercie pour votre réponse.

Je ne peux pas vous en dire plus. Je sais juste créer de petits css. Je ne suis pas spécialiste.
L'important est qu'aujourd'hui, la solution fonctionne. Peut être que dans un proche avenir, quelqu'un d'autre rencontera le problème et que vous identifierez la source.
J'ai voulu partager ma solution pour aider une autre personne si elle rencontrait ce cas.

Merci pour tout
Sincèrement,
A. Guillen