Tarea

Utilizando Tailwind CSS, crear un componente de tarjeta con los siguientes requisitos:

1. La tarjeta debe tener:
   • Un ancho máximo de md;
   • Esquinas redondeadas;
   • Un color de fondo.
2. La tarjeta debe contener:
   • Una imagen que ocupe todo el ancho de la tarjeta;
   • Un título con texto en negrita y tamaño de fuente grande;
   • Un párrafo con tamaño de fuente base y estilo cursiva.
3. Agregar insignias a la tarjeta con:
   • Esquinas redondeadas y tamaño de fuente pequeño.

• Utilizar max-w-md para establecer el ancho máximo de la tarjeta;
• Utilizar rounded para agregar esquinas redondeadas a la tarjeta;
• Utilizar bg-purple-100 para establecer el color de fondo de la tarjeta;
• Utilizar w-full para que la imagen ocupe todo el ancho de la tarjeta;
• Utilizar font-bold para aplicar estilo en negrita al texto;
• Utilizar text-xl para establecer un tamaño de fuente grande para el título;
• Utilizar text-base para establecer el tamaño de fuente base para el texto del párrafo;
• Utilizar italic para aplicar estilo cursiva al texto;
• Utilizar rounded-full para agregar esquinas completamente redondeadas a las insignias;
• Utilizar text-sm para establecer el tamaño de fuente pequeño para las insignias.