CSS3
Fondamental
Correction d'une image déformée dans une carte produit
Type d'évaluation
Mise en situation réelle
Analyse
Intelligence Artificielle
Compétences ciblées
css3
image
layout
objectfit
Scénario Technique
Contexte : Une page e-commerce affiche des images produits dans des cartes fixes. Le Problème : Les images sont déformées car leur ratio n'est pas respecté. Contraintes : Utiliser uniquement des propriétés CSS3 comme object-fit. Aucun changement HTML. Code actuel : .card img { width: 200px; height: 200px; } Livrable attendu : Corriger le style afin que les images conservent leurs proportions tout en remplissant correctement le conteneur.
Prêt à évaluer ce talent ?
Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.