Card by Javierrocadev
#e8e8e8
HTML +TailwindCSS
1<div 2 class="w-72 h-40 flex flex-col justify-center gap-2 bg-neutral-50 rounded-lg shadow p-2" 3> 4 <div class="flex gap-2"> 5 <img class="bg-neutral-500 w-24 h-24 shrink-0 rounded-lg" alt="" /> 6 <div class="flex flex-col"> 7 <span class="font-bold text-neutral-700 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-indigo-700 bg-indigo-500 font-bold text-neutral-50 rounded p-2" 17 > 18 See more 19 </button> 20</div> 21
473 views
473 views
Variations
1 MIT License