I centered a div

2024-07-24 16:11:15 -05:00 · 2024-07-24 16:11:15 -05:00 · 0738579074
commit 0738579074
parent 7909244e95
2 changed files with 6 additions and 3 deletions
--- 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
--- 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>