Card by Javierrocadev
#212121
HTML +TailwindCSS
1<div class="w-60 h-80 bg-gray-50 p-3 flex flex-col gap-1 rounded-2xl"> 2 <div class="h-48 bg-gray-700 rounded-xl"></div> 3 <div class="flex flex-col gap-4"> 4 <div class="flex flex-row justify-between"> 5 <div class="flex flex-col"> 6 <span class="text-xl font-bold">Long Chair</span> 7 <p class="text-xs text-gray-700">ID: 23432252</p> 8 </div> 9 <span class="font-bold text-red-600">$25.99</span> 10 </div> 11 <button class="hover:bg-sky-700 text-gray-50 bg-sky-800 py-2 rounded-md">Add to cart</button> 12 </div> 13</div>
998 views
Variation of acard
MIT License