map height fixed

components/Navbar.tsx

@@ -25,7 +25,7 @@ export default function Navbar() {
             <li className="mr-3">
               <Link
                 className="inline-block hover:text-gray-200 hover:text-underline py-2 px-4"
-                href="#"
+                href="/about"
               >
                 About
               </Link>
@@ -33,7 +33,7 @@ export default function Navbar() {
             <li className="mr-3">
               <Link
                 className="inline-block hover:text-gray-200 hover:text-underline py-2 px-4"
-                href="#"
+                href="/contact"
               >
                 Contact
               </Link>

components/TournamentMap.tsx

@@ -22,17 +22,16 @@ export default function TournamentMap({ tournamentData }: TournamentDataProps) {
   const otherMarkers = createLayerGroups("1h KO", "red", { tournamentData });
 
   return (
-    <section id="tournament-map" className="w-full lg:col-start-1 lg:col-end-2">
+    <section
+      id="tournament-map"
+      className="grid h-[calc(100vh-96px)] md:h-[calc(100vh-64px)]"
+    >
       <MapContainer
         center={center}
         zoom={5}
         scrollWheelZoom={false}
         style={{
           height: "100%",
-          width: "100%",
-          position: "absolute",
-          top: 0,
-          bottom: 0,
         }}
       >
         <TileLayer