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.

Commencer le Défis
    Tailwind CSS - Centrage parfait d'une carte produit avec Tailwind | Test Technique & Recrutement