Card by emmanuelh-dev

1<div class="container mx-auto px-4 py-8 max-w-md">
2    <div class="grid grid-cols-2 gap-6">
3      
4      <div class="bg-gradient-to-r from-purple-500 to-pink-500 rounded-lg p-6 shadow-lg text-white">
5        <h2 class="text-xl font-semibold mb-2">Tarjeta 1</h2>
6        <p class="text-gray-200">Contenido de la tarjeta 1...</p>
7      </div>
8
9      
10      <div class="bg-gradient-to-r from-blue-500 to-teal-500 rounded-lg p-6 shadow-lg text-white">
11        <h2 class="text-xl font-semibold mb-2">Tarjeta 2</h2>
12        <p class="text-gray-200">Contenido de la tarjeta 2...</p>
13      </div>
14
15      
16      <div class="bg-gradient-to-r from-green-500 to-lime-500 rounded-lg p-6 shadow-lg text-white">
17        <h2 class="text-xl font-semibold mb-2">Tarjeta 3</h2>
18        <p class="text-gray-200">Contenido de la tarjeta 3...</p>
19      </div>
20
21      
22      <div class="bg-gradient-to-r from-yellow-500 to-amber-500 rounded-lg p-6 shadow-lg text-white">
23        <h2 class="text-xl font-semibold mb-2">Tarjeta 4</h2>
24        <p class="text-gray-200">Contenido de la tarjeta 4...</p>
25      </div>
26    </div>
27  </div>