Tailwind CSS
Fondamental
Centrage parfait d'une carte produit avec Tailwind
Type d'évaluation
Mise en situation réelle
Analyse
Intelligence Artificielle
Compétences ciblées
tailwind
flexbox
layout
center
Scénario Technique
Contexte : Vous reprenez une page marketing utilisant Tailwind CSS pour afficher une carte produit au centre de l'écran. Le Problème : La carte reste collée en haut à gauche malgré l'ajout de classes utilitaires incorrectes. Contraintes : Utiliser uniquement les classes utilitaires Tailwind. Aucun CSS personnalisé autorisé. Code actuel : <div class="w-64 h-40 bg-white shadow"> <h2>Produit</h2> </div> Livrable attendu : Modifier les classes du conteneur parent afin de centrer horizontalement et verticalement la carte dans la page.
Prêt à évaluer ce talent ?
Accédez à l'interface de test complète pour soumettre votre architecture ou votre code.