Card by Manish-Tamang
#e8e8e8
HTML +TailwindCSS
1<div class="p-4 w-[300px] rounded-lg border dark:border-gray-800"> 2 <h1 class="text-2xl font-bold">History</h1> 3 <div class="grid gap-4 mt-2"> 4 <div class="flex gap-2 items-center"> 5 <div class="bg-red-500 w-20 h-10 rounded"></div> 6 <div class="grid gap-1 text-sm flex-1"> 7 <h2 class="font-semibold leading-none line-clamp-2"> 8 Introducing the frontend cloud 9 </h2> 10 <div class="text-xs text-gray-500 line-clamp-1 dark:text-gray-400"> 11 1.2M views 12 </div> 13 </div> 14 </div> 15 <div class="flex gap-2 items-center"> 16 <div class="bg-yellow-500 w-20 h-10 rounded"></div> 17 <div class="grid gap-1 text-sm flex-1"> 18 <h2 class="font-semibold leading-none line-clamp-2"> 19 Using Vercel KV with Svelte 20 </h2> 21 <div class="text-xs text-gray-500 line-clamp-1 dark:text-gray-400"> 22 21K views 23 </div> 24 </div> 25 </div> 26 <div class="flex gap-2 items-center"> 27 <div class="bg-blue-500 w-20 h-10 rounded"></div> 28 <div class="grid gap-1 text-sm flex-1"> 29 <h2 class="font-semibold leading-none line-clamp-2"> 30 Loading UI with Next.js 13 31 </h2> 32 <div class="text-xs text-gray-500 line-clamp-1 dark:text-gray-400"> 33 12K views 34 </div> 35 </div> 36 </div> 37 </div> 38</div> 39
128 views
128 views
MIT License