Card by Javierrocadev
#e8e8e8
HTML +TailwindCSS
1<div 2 class="w-72 h-40 flex flex-col justify-center gap-2 bg-indigo-500 rounded-lg shadow p-2" 3> 4 <div class="flex gap-2"> 5 <img alt="" class="bg-purple-200 w-24 h-24 shrink-0 rounded-lg" /> 6 <div class="flex flex-col text-white"> 7 <span class="font-bold italic">Card title</span> 8 <p class="line-clamp-3"> 9 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non 10 dolor augue. Nunc dictum erat sit amet iaculis interdum. Ut neque 11 tellus, congue vel lectus aliquam, dignissim porttitor velit. 12 </p> 13 </div> 14 </div> 15 <button 16 class="hover:bg-purple-300 bg-neutral-50 font-bold text-indigo-500 rounded p-2" 17 > 18 See more 19 </button> 20</div> 21
402 views
Variation of acard
MIT License