view height fixed on mobile

AB10110F · Mar 6, 2024 · 01d03c8 · 01d03c8
1 parent 1f25182
commit 01d03c8
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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,19 +115,19 @@
 
   .section {
     width: 50%;
-    font-size: 2vh;
+    font-size: 2svh;
     justify-content: center;
   }
 }
 
 @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;
   }
 }