centered grid

src/pages/index.astro

@@ -5,16 +5,16 @@ import {  SignIn, SignOut } from 'auth-astro/components';
 import KarKarCarAuth from "../components/KarKarCarAuth.astro"
 // 1. Import any dependencies (Full support for JavaScript/TypeScript)
 
-import { getUser, type KarKarCarSession } from "../api/index.ts"
+import { getUser, type KarKarCarSession } from "../api/index"
 import UserInfo from "../components/UserInfo.astro"
 import config  from 'auth:config'
 
-
-
 const session = await getUser(Astro.request, config);
 
 ---
 <Layout>
+	<div class="min-h-screen grid place-items-center">
+		<div class="grid gap-6 text-center">
 			<UserInfo session={session} />
 			<KarKarCarAuth>
 				{(session: KarKarCarSession) => (
@@ -27,4 +27,6 @@ const session = await getUser(Astro.request, config);
 					</>
 				)}
 			</KarKarCarAuth>
+		</div>
+	</div>
 </Layout>