scroll phone fix

DianaRCruz · Apr 28, 2024 · 9b2b6b2 · 9b2b6b2
1 parent 6dd57d8
commit 9b2b6b2
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/style.css b/style.css
@@ -325,6 +325,9 @@ position: relative;}
 
 
           @media screen and (max-width: 800px) {
+            body {max-width: 100%;
+              max-height: 100%;
+              overflow-y: hidden; }
             header {flex-direction:column-reverse;
             .heading1 {
               font-size:x-large;
@@ -336,6 +339,9 @@ position: relative;}
             } }}
 
           @media screen and (max-width: 540px) {
+            body {max-width: 100%;
+              max-height: 100%;
+              overflow-y: hidden; }
             header {flex-direction:column-reverse;
               .heading1 {
                 font-size:large;
@@ -351,6 +357,9 @@ position: relative;}
           }}}
 
           @media screen and (max-width: 400px) {
+            body {max-width: 100%;
+              max-height: 100%;
+              overflow-y: hidden; }
             header {flex-direction:column-reverse;
               .heading1 {
                 font-size:medium;
@@ -367,6 +376,9 @@ position: relative;}
           }}}
 
           @media screen and (max-width: 377px) {
+            body {max-width: 100%;
+              max-height: 100%;
+              overflow-y: hidden; }
             header {flex-direction:column-reverse;
               .heading1 {
                 font-size:small;
@@ -378,6 +390,9 @@ position: relative;}
           }}}
 
           @media screen and (max-width: 307px) {
+            body {max-width: 100%;
+                  max-height: 100%;
+                  overflow-y: hidden; }
             header {flex-direction:column-reverse;
               .heading1{
                 font-size:x-small;