Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
<div class="min-h-screen bg-gradient-to-br from-slate-50 via-white to-indigo-50/40 font-sans text-slate-900 antialiased p-8 flex items-center justify-center">
<div class="max-w-2xl w-full grid grid-cols-3 gap-4">
<div class="aspect-square bg-white ring-1 ring-slate-200 rounded-none flex items-center justify-center text-xs text-slate-500">rounded-none</div>
<div class="aspect-square bg-white ring-1 ring-slate-200 rounded-xl flex items-center justify-center text-xs text-slate-500">rounded-xl</div>
<div class="aspect-square bg-white ring-1 ring-slate-200 rounded-full flex items-center justify-center text-xs text-slate-500">rounded-full</div>
<div class="aspect-square bg-white border-2 border-dashed border-indigo-300 rounded-xl flex items-center justify-center text-xs text-indigo-600">dashed</div>
<div class="aspect-square bg-white border-2 border-slate-900 rounded-xl flex items-center justify-center text-xs text-slate-900">border-2</div>
<div class="aspect-square bg-gradient-to-br from-indigo-500 to-violet-600 rounded-2xl flex items-center justify-center text-xs text-white font-medium">gradient</div>
</div>
</div>
rloop.dev/p/Pr-N65