Tailwind CSS
Fondamental
Correction d'une image déformée dans une carte responsive
Type d'évaluation
Mise en situation réelle
Analyse
Intelligence Artificielle
Compétences ciblées
tailwind
image
responsive
layout
Scénario Technique
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.
Prêt à évaluer ce talent ?
Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.