map height fixed

app/about/page.tsx

@@ -0,0 +1,14 @@
+import Layout from "@/components/Layout";
+
+export default function Home() {
+  return (
+    <Layout>
+      <header className="grid h-[calc(100%-144px)] md:h-[calc(100%-112px)] place-items-center">
+        <div className="relative h-full w-full bg-amber-200"></div>
+        <div className="absolute">
+          <h1>About Page</h1>
+        </div>
+      </header>
+    </Layout>
+  );
+}

app/contact/page.tsx

@@ -0,0 +1,14 @@
+import Layout from "@/components/Layout";
+
+export default function Home() {
+  return (
+    <Layout>
+      <header className="grid h-[calc(100%-144px)] md:h-[calc(100%-112px)] place-items-center">
+        <div className="relative h-full w-full bg-amber-200"></div>
+        <div className="absolute">
+          <h1>Contact Page</h1>
+        </div>
+      </header>
+    </Layout>
+  );
+}

app/page.tsx

@@ -3,11 +3,12 @@ import Layout from "@/components/Layout";
 export default function Home() {
   return (
     <Layout>
-      <header className="grid h-[calc(100%-64px)] place-items-center">
+      <header className="grid h-[calc(100%-144px)] md:h-[calc(100%-112px)] place-items-center">
         <div className="relative h-full w-full bg-[url('/images/map-bg.jpg')] brightness-[0.2]"></div>
-        <div className="absolute z-10">
+        <div className="absolute">
           <h1>Heading 1</h1>
           <h2>Heading 2</h2>
+          <h3>Heading 3</h3>
         </div>
       </header>
     </Layout>

app/tournois/page.tsx

@@ -24,11 +24,11 @@ export default async function Tournaments() {
 
   return (
     <Layout>
-      <main className="relative grid lg:grid-cols-2">
-        <div className="relative h-screen">
+      <main className="grid lg:grid-cols-2">
+        <div className="">
           <TournamentMap tournamentData={tournamentData} />
         </div>
-        <div className="bg-gray-800">
+        <div className="bg-gray-800 lg:overflow-y-auto">
           <TournamentTable tournamentData={tournamentData} />
         </div>
       </main>