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>
  );
}