Cards | emmanuelh dev curly impala 37

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
<div class="container mx-auto px-4 py-8 max-w-md">
    <div class="grid grid-cols-2 gap-6">
      
      <div class="bg-white rounded-lg p-6 shadow-md">
        <h2 class="text-xl font-semibold mb-2">Tarjeta 1</h2>
        <p class="text-gray-600">Contenido de la tarjeta 1...</p>
      </div>

      
      <div class="bg-white rounded-lg p-6 shadow-md">
        <h2 class="text-xl font-semibold mb-2">Tarjeta 2</h2>
        <p class="text-gray-600">Contenido de la tarjeta 2...</p>
      </div>

      
      <div class="bg-white rounded-lg p-6 shadow-md">
        <h2 class="text-xl font-semibold mb-2">Tarjeta 3</h2>
        <p class="text-gray-600">Contenido de la tarjeta 3...</p>
      </div>

      
      <div class="bg-white rounded-lg p-6 shadow-md">
        <h2 class="text-xl font-semibold mb-2">Tarjeta 4</h2>
        <p class="text-gray-600">Contenido de la tarjeta 4...</p>