Update new height unit svh/w

Took 8 minutes
D3anDark · Apr 15, 2024 · c2c5fc1 · c2c5fc1 · vercel · Apr 15, 2024
1 parent 55f1b9f
commit c2c5fc1
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 17 deletions.
diff --git a/src/css/style-404.css b/src/css/style-404.css
@@ -2,8 +2,8 @@ body,html{
     margin: 0;
     padding: 0;
 
-    height: 100dvh;
-    width: 100dvw;
+    height: 100svh;
+    width: 100svw;
 
     background: var(--bg);
 
@@ -15,7 +15,7 @@ body,html{
     flex-direction: column;
     justify-content: center;
     align-items: center;
-    height: 100vh;
+    height: 100svh;
 
     padding: 20px;
 
@@ -54,8 +54,8 @@ svg{
 
 @media (max-width: 768px){
     body{
-        height: 100dvh;
-        width: 100dvw;
+        height: 100svh;
+        width: 100svw;
     }
     .error{
         font-size: 1.5rem;

diff --git a/src/css/style-contact.css b/src/css/style-contact.css
@@ -3,9 +3,9 @@ body, html {
     padding: 0;
 
     background-color: #181a1b;
-    width: 100vw;
+    width: 100svw;
     height: 100%;
-    min-height: 100vh;
+    min-height: 100svh;
 
     font-family: system-ui, -apple-system, var(--font-family), Roboto, sans-serif;
     font-style: normal;
@@ -172,8 +172,8 @@ h2 {
 /*Mobile view*/
 @media (width <= 660px){
     body{
-        height: 100dvh;
-        width: 100dvw;
+        height: 100svh;
+        width: 100svw;
     }
     h1 {
         font-size: 3.5em;

diff --git a/src/css/style-projects.css b/src/css/style-projects.css
@@ -3,9 +3,9 @@ body, html {
     padding: 0;
 
     background-color: #181a1b;
-    width: 100vw;
+    width: 100svw;
     height: 100%;
-    min-height: 100vh;
+    min-height: 100svh;
 
     font-family: system-ui, -apple-system, var(--font-family), Roboto, sans-serif;
     font-style: normal;
@@ -211,8 +211,8 @@ a:visited {
     body {
         font-size: 18px;
 
-        height: 100dvh;
-        width: 100dvw;
+        height: 100svh;
+        width: 100svw;
     }
 
     h1 {

diff --git a/src/css/style.css b/src/css/style.css
@@ -3,9 +3,9 @@ body, html {
     padding: 0;
 
     background-color: #181a1b;
-    width: 100vw;
+    width: 100svw;
     height: 100%;
-    min-height: 100vh;
+    min-height: 100svh;
 
     font-family: system-ui, -apple-system, var(--font-family), Roboto, sans-serif;
     font-style: normal;
@@ -173,8 +173,8 @@ a:hover {
 /*Mobile view*/
 @media (width <= 660px) {
     body{
-        height: 100dvh;
-        width: 100dvw;
+        height: 100svh;
+        width: 100svw;
     }
     h1 {
         font-size: 3.5em;