Card by Javierrocadev
#212121
HTML +TailwindCSS
1<div class="w-60 h-80 bg-gray-50 p-3 flex flex-col gap-1"> 2 <div class="duration-500 contrast-50 h-48 bg-gradient-to-bl from-black via-orange-900 to-indigo-600 hover:contrast-100"></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">Add to cart</button> 12 </div> 13</div>
734 views
734 views
Variations
2589 views
MIT License