Card by emmanuelh-dev
#e8e8e8
HTML +TailwindCSS
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-white rounded-lg p-6 shadow-md"> 5 <h2 class="text-xl font-semibold mb-2">Tarjeta 1</h2> 6 <p class="text-gray-600">Contenido de la tarjeta 1...</p> 7 </div> 8 9 10 <div class="bg-white rounded-lg p-6 shadow-md"> 11 <h2 class="text-xl font-semibold mb-2">Tarjeta 2</h2> 12 <p class="text-gray-600">Contenido de la tarjeta 2...</p> 13 </div> 14 15 16 <div class="bg-white rounded-lg p-6 shadow-md"> 17 <h2 class="text-xl font-semibold mb-2">Tarjeta 3</h2> 18 <p class="text-gray-600">Contenido de la tarjeta 3...</p> 19 </div> 20 21 22 <div class="bg-white rounded-lg p-6 shadow-md"> 23 <h2 class="text-xl font-semibold mb-2">Tarjeta 4</h2> 24 <p class="text-gray-600">Contenido de la tarjeta 4...</p> 25 </div> 26 </div> 27 </div>
1.1K views
1.1K views
Variations
1 MIT License