Correction d'une image déformée dans une carte responsive

السيناريو

Contexte : Une galerie produit affiche des images dans des cartes fixes. Le Problème : Les images sont étirées et perdent leur ratio d'origine. Contraintes : Utiliser uniquement les classes utilitaires Tailwind (object-cover, object-contain). Code actuel : <img src="product.jpg" class="w-48 h-48"> Livrable attendu : Corriger les classes afin de conserver les proportions de l'image tout en remplissant correctement son conteneur.

المهارات المستهدفة