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.

Commencer le Défis