Flexy Content Overflow PRO
Preview
export const App = () => {
return (
// Elementerne er sticky indtil de har scrolled
// igennem hele deres parent
<div className="grid min-h-dvh place-items-center text-white">
<div className="flex gap-12 justify-between w-full p-8">
<div className="sticky top-0 h-fit flex flex-col gap-4">
<p className="font-extrabold text-3xl">Ready made solutions for creators</p>
<p className="max-w-xs text-gray-300">So you can focus on your content and audience</p>
</div>
<div className="flex flex-col gap-8">
<div className="sticky top-0 w-60 h-60 border"></div>
<div className="sticky top-0 w-60 h-60 border"></div>
<div className="sticky top-0 w-60 h-60 border"></div>
<div className="sticky top-0 w-60 h-60 border"></div>
<div className="sticky top-0 w-60 h-60 border"></div>
</div>
</div>
<div className="w-full h-[100vh] border"></div>
</div>
);
}