Taak

Gebruik Tailwind CSS om een kaartcomponent te maken met de volgende vereisten:

1. De kaart moet hebben:
   • Een maximale breedte van md;
   • Afgeronde hoeken;
   • Een achtergrondkleur.
2. De kaart moet bevatten:
   • Een afbeelding die de volledige breedte van de kaart inneemt;
   • Een titel met vetgedrukte tekst en een groot lettertype;
   • Een paragraaf met standaard lettergrootte en cursieve stijl.
3. Voeg badges toe aan de kaart met:
   • Afgeronde hoeken en kleine lettergrootte.

• Gebruik max-w-md om de maximale breedte van de kaart in te stellen;
• Gebruik rounded om afgeronde hoeken aan de kaart toe te voegen;
• Gebruik bg-purple-100 om de achtergrondkleur van de kaart in te stellen;
• Gebruik w-full om de afbeelding de volledige breedte van de kaart te laten innemen;
• Gebruik font-bold om vetgedrukte stijl toe te passen op de tekst;
• Gebruik text-xl om een groter lettertype voor de titel in te stellen;
• Gebruik text-base om de standaard lettergrootte voor de paragraaftekst in te stellen;
• Gebruik italic om cursieve stijl toe te passen op de tekst;
• Gebruik rounded-full om afgeronde hoeken aan de badges toe te voegen;
• Gebruik text-sm om de kleine lettergrootte voor de badges in te stellen.