Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
<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-3xl w-full grid grid-cols-3 gap-4">
<div class="col-span-2 row-span-2 rounded-2xl bg-gradient-to-br from-indigo-600 to-violet-700 p-6 text-white shadow-xl shadow-indigo-600/20 flex flex-col justify-between min-h-[200px]">
<p class="text-xs font-medium uppercase tracking-wider opacity-80">Featured</p>
<h3 class="text-2xl font-semibold tracking-tight">Bento grid layout</h3>
</div>
<div class="rounded-2xl bg-white ring-1 ring-slate-200 p-4 shadow-sm"><p class="text-2xl font-bold">128k</p><p class="text-xs text-slate-500">Users</p></div>
<div class="rounded-2xl bg-white ring-1 ring-slate-200 p-4 shadow-sm"><p class="text-2xl font-bold">99.9%</p><p class="text-xs text-slate-500">Uptime</p></div>
<div class="col-span-3 rounded-2xl bg-slate-900 p-4 text-white"><p class="text-sm">Full-width row · col-span-3</p></div>
</div>
</div>
rloop.dev/p/Pr-S34