Explorer
project
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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-xl w-full bg-white ring-1 ring-slate-200 rounded-2xl shadow-sm">
<div class="p-8 border-b border-slate-100">
<p class="text-xs font-medium uppercase tracking-wider text-indigo-600">Padding · p-8</p>
<h3 class="mt-2 text-xl font-semibold">Whitespace is design</h3>
</div>
<div class="px-8 py-6 space-y-3">
<div class="h-3 rounded-full bg-slate-100"></div>
<div class="h-3 rounded-full bg-slate-100 w-5/6"></div>
<div class="h-3 rounded-full bg-slate-100 w-2/3"></div>
</div>
<div class="px-8 pb-8 flex gap-3">
<span class="px-3 py-1 rounded-md bg-slate-100 text-slate-700 text-xs font-medium">px-3 py-1</span>
<span class="px-4 py-2 rounded-md bg-indigo-600 text-white text-xs font-medium">px-4 py-2</span>
</div>
</div>
</div>
rloop.dev/p/Pr-V94