Centrage parfait d'une carte produit avec Tailwind

Scénario

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.

Compétences ciblées