Tâche

En utilisant Tailwind CSS, créez un composant de carte avec les exigences suivantes :

1. La carte doit avoir :

   • Une largeur maximale de md ;

   • Des coins arrondis ;

   • Une couleur de fond.

2. La carte doit contenir :

   • Une image qui occupe toute la largeur de la carte ;

   • Un titre avec un texte en gras et une grande taille de police ;

   • Un paragraphe avec une taille de police de base et un style italique.

3. Ajoutez des badges à la carte avec :

   • Des coins arrondis et une petite taille de police.

• Utilisez max-w-md pour définir la largeur maximale de la carte ;

• Utilisez rounded pour ajouter des coins arrondis à la carte ;

• Utilisez bg-purple-100 pour définir la couleur de fond de la carte ;

• Utilisez w-full pour que l'image occupe toute la largeur de la carte ;

• Utilisez font-bold pour appliquer un style gras au texte ;

• Utilisez text-xl pour définir une taille de police plus grande pour le titre ;

• Utilisez text-base pour définir la taille de police de base pour le texte du paragraphe ;

• Utilisez italic pour appliquer un style italique au texte ;

• Utilisez rounded-full pour ajouter des coins arrondis aux badges ;

• Utilisez text-sm pour définir la petite taille de police pour les badges.