Card by SmookyDev
#e8e8e8
HTML +TailwindCSS
1<div 2 class="flex flex-col gap-1 justify-center items-start w-[280px] bg-white dark:bg-transparent px-4 py-4 shadow-xl rounded-lg" 3> 4 <p class="font-semibold text-xl text-gray-600 mb-2">Tags</p> 5 <div class="flex flex-wrap gap-2"> 6 <p 7 class="px-3 py-1 text-[12px] bg-[#d9dfe3] max-w-max rounded font-semibold text-[#7281a3]" 8 > 9 #uiverse 10 </p> 11 <p 12 class="px-3 py-1 text-[12px] bg-[#d9dfe3] max-w-max rounded font-semibold text-[#7281a3]" 13 > 14 #html 15 </p> 16 17 <p 18 class="px-3 py-1 text-[12px] bg-[#d9dfe3] max-w-max rounded font-semibold text-[#7281a3]" 19 > 20 #css 21 </p> 22 <p 23 class="px-3 py-1 text-[12px] bg-[#d9dfe3] max-w-max rounded font-semibold text-[#7281a3]" 24 > 25 #tailwindcss 26 </p> 27 28 <p 29 class="px-3 py-1 text-[12px] bg-[#d9dfe3] max-w-max rounded font-semibold text-[#7281a3]" 30 > 31 #hoverme 32 </p> 33 <p 34 class="px-3 py-1 text-[12px] bg-[#d9dfe3] max-w-max rounded font-semibold text-[#7281a3]" 35 > 36 #figma 37 </p> 38 39 <p 40 class="px-3 py-1 text-[12px] bg-[#d9dfe3] max-w-max rounded font-semibold text-[#7281a3]" 41 > 42 #card 43 </p> 44 <p 45 class="px-3 py-1 text-[12px] bg-[#d9dfe3] max-w-max rounded font-semibold text-[#7281a3]" 46 > 47 #PSD 48 </p> 49 </div> 50</div> 51
448 views
448 views
MIT License