From 01d03c8f72f9f5bfabaaf3f4e2c3bcff633e5c25 Mon Sep 17 00:00:00 2001
From: "A. Bryant" <W.Sword.09@hotmail.com>
Date: Wed, 6 Mar 2024 13:38:20 -0600
Subject: [PATCH] view height fixed on mobile

---
 src/css/marquee.module.css | 8 ++++----
 src/css/page.module.css    | 2 +-
 src/css/switch.module.css  | 8 ++++----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/css/marquee.module.css b/src/css/marquee.module.css
index ea60c72..683784a 100644
--- a/src/css/marquee.module.css
+++ b/src/css/marquee.module.css
@@ -24,21 +24,21 @@
 
 @media only screen and (max-width: 1250px) and (min-width: 760px) {
   .header {
-    height: 12vh;
+    height: 12svh;
   }
 
   .header>h1 {
-    font-size: 7vh;
+    font-size: 7svh;
   }
 }
 
 @media only screen and (max-width: 760px) {
   .header {
-    height: 11vh;
+    height: 11svh;
   }
 
   .header>h1 {
-    font-size: 5vh;
+    font-size: 5svh;
     text-align: center;
   }
 }
diff --git a/src/css/page.module.css b/src/css/page.module.css
index 9110d43..aae2598 100644
--- a/src/css/page.module.css
+++ b/src/css/page.module.css
@@ -10,7 +10,7 @@
   display: flex;
   flex-direction: row;
   width: 100%;
-  height: 75vh;
+  height: 75svh;
   gap: 25px;
 }
 
diff --git a/src/css/switch.module.css b/src/css/switch.module.css
index bc28698..8d44c83 100644
--- a/src/css/switch.module.css
+++ b/src/css/switch.module.css
@@ -103,7 +103,7 @@
 @media only screen and (max-width: 1250px) and (min-width: 760px) {
   .container {
     width: 50%;
-    font-size: 2vh;
+    font-size: 2svh;
   }
 
   .languageSwitchContainer {
@@ -115,7 +115,7 @@
 
   .section {
     width: 50%;
-    font-size: 2vh;
+    font-size: 2svh;
     justify-content: center;
   }
 }
@@ -123,11 +123,11 @@
 @media only screen and (max-width: 760px) {
   .container {
     width: 50%;
-    font-size: 3.2vh;
+    font-size: 3.2svh;
   }
 
   .section {
     width: 65%;
-    font-size: 3.2vh;
+    font-size: 3.2svh;
   }
 }