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-md w-full">
<div class="relative flex">
<div class="h-16 w-16 rounded-full bg-indigo-500 ring-4 ring-white z-30"></div>
<div class="h-16 w-16 rounded-full bg-violet-500 ring-4 ring-white -ml-4 z-20"></div>
<div class="h-16 w-16 rounded-full bg-fuchsia-500 ring-4 ring-white -ml-4 z-10"></div>
<div class="h-16 w-16 rounded-full bg-slate-200 ring-4 ring-white -ml-4 flex items-center justify-center text-xs font-medium text-slate-600">+24</div>
</div>
<div class="mt-6 h-32 overflow-y-auto bg-white ring-1 ring-slate-200 rounded-xl p-4 text-sm text-slate-600 space-y-2">
<p>Scrollable container with overflow-y-auto.</p>
<p>Lorem ipsum dolor sit amet consectetur.</p>
<p>Adipiscing elit, sed do eiusmod tempor.</p>
<p>Incididunt ut labore et dolore magna.</p>
<p>Ut enim ad minim veniam quis nostrud.</p>
</div>
</div>
</div>
rloop.dev/p/Pr-B31