show project cards in grid

apps/dashboard/src/app/(app)/[organizationSlug]/page.tsx

@@ -45,11 +45,13 @@ export default async function Page({
       <FullWidthNavbar>
         <SignOutButton />
       </FullWidthNavbar>
-      <div className="mx-auto flex w-full max-w-xl flex-col gap-4 p-4 pt-20 ">
+      <div className="mx-auto flex flex-col gap-4 p-4 pt-20 md:max-w-[95vw] lg:max-w-[80vw] ">
         <h1 className="text-xl font-medium">Select project</h1>
-        {projects.map((item) => (
-          <ProjectCard key={item.id} {...item} />
-        ))}
+        <div className="grid gap-4 md:grid-cols-2">
+          {projects.map((item) => (
+            <ProjectCard key={item.id} {...item} />
+          ))}
+        </div>
       </div>
     </div>
   );