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-2xl w-full bg-white ring-1 ring-slate-200 rounded-2xl p-6 shadow-sm">
<h3 class="text-lg font-semibold mb-4">Width & Height Scale</h3>
<div class="space-y-2">
<div class="h-8 w-1/4 rounded-md bg-gradient-to-r from-indigo-500 to-indigo-400 flex items-center px-3 text-white text-xs font-medium">w-1/4</div>
<div class="h-8 w-1/2 rounded-md bg-gradient-to-r from-indigo-500 to-indigo-400 flex items-center px-3 text-white text-xs font-medium">w-1/2</div>
<div class="h-8 w-3/4 rounded-md bg-gradient-to-r from-indigo-500 to-indigo-400 flex items-center px-3 text-white text-xs font-medium">w-3/4</div>
<div class="h-8 w-full rounded-md bg-gradient-to-r from-indigo-600 to-violet-500 flex items-center px-3 text-white text-xs font-medium">w-full</div>
</div>
</div>
</div>
rloop.dev/p/Pr-G63