#e8e8e8
HTML +TailwindCSS
1<div class="w-72 h-80 mx-auto bg-gray-100 rounded-xl shadow-2xl"> 2 <div class="flex items-center p-3"> 3 <div class="px-1"> 4 <span class="w-4 h-4 rounded-full inline-block bg-red-500 cursor-pointer"></span> 5 </div> 6 <div class="px-1"> 7 <span class="w-4 h-4 rounded-full inline-block bg-yellow-400 cursor-pointer"></span> 8 </div> 9 <div class="px-1"> 10 <span class="w-4 h-4 rounded-full inline-block bg-green-500 cursor-pointer"></span> 11 </div> 12 </div> 13</div> 14
Variation of acard
Variation of acard