From 0738579074ea623cb2a576610dd30024aba0ab90 Mon Sep 17 00:00:00 2001
From: rift <117926989+Riftriot@users.noreply.github.com>
Date: Wed, 24 Jul 2024 16:11:15 -0500
Subject: [PATCH] I centered a div

---
 src/layouts/Layout.astro     | 2 +-
 src/pages/[lang]/index.astro | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 527897f..9e1fb2a 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -26,7 +26,7 @@ const { title } = Astro.props;
     <title>{title}</title>
     <ViewTransitions />
   </head>
-  <body>
+  <body class="h-full">
     <Header />
     <slot />
     <div
diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro
index 8cefeb9..d2451ab 100644
--- a/src/pages/[lang]/index.astro
+++ b/src/pages/[lang]/index.astro
@@ -10,6 +10,9 @@ export function getStaticPaths() {
 ---
 
 <Layout title="Welcome to Astro.">
-  <p>The services</p>
-  <p id="">Mobile Navvy</p>
+  <div
+    class="flex flex-wrap mt-16 justify-center content-center w-full fixed inset-0 h-[calc(100%-4rem)] z-0"
+  >
+    Centered
+  </div>
 </Layout>
