Update Responsiveness

MohitLengure · Jun 22, 2023 · fb9914d · fb9914d
1 parent 99f1097
commit fb9914d
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 11 deletions.
diff --git a/CSS/About.css b/CSS/About.css
@@ -221,9 +221,13 @@ height: 420px;
 
 
 @media screen and (max-width:480px){
+
+  body {
+    overflow-x: hidden; /* Hide vertical scrollbars */
+  }
   nav ul li {
-    margin: 0 11px;
-    font-size: 1rem;
+    margin: 0 9px;
+    font-size: 1rem;;
   }
 
 .footer

diff --git a/CSS/Blog.css b/CSS/Blog.css
@@ -178,8 +178,12 @@ footer .footer-third ul li a img Map{
 
 
 @media screen and (max-width:480px){
+
+  body {
+    overflow-x: hidden; /* Hide vertical scrollbars */
+  }
   nav ul li {
-    margin: 0 10px;
+    margin: 0 9px;
     font-size: 1rem;;
   }
 .footer

diff --git a/CSS/Contact.css b/CSS/Contact.css
@@ -331,9 +331,13 @@ padding: 20px 0px 20px 0px;
 
 
  @media screen and (max-width:480px){
+
+  body {
+    overflow-x: hidden; /* Hide vertical scrollbars */
+  }
   nav ul li {
-    margin: 0 11px;
-    font-size: 1rem;
+    margin: 0 9px;
+    font-size: 1rem;;
   }
   .formEntry {
     margin: 30px auto; 

diff --git a/CSS/Project.css b/CSS/Project.css
@@ -193,9 +193,13 @@ margin: 70px 1px;
 
 
  @media screen and (max-width:480px){
+
+  body {
+    overflow-x: hidden; /* Hide vertical scrollbars */
+  }
   nav ul li {
-    margin: 0 11px;
-    font-size: 1rem;
+    margin: 0 9px;
+    font-size: 1rem;;
   }
 
 .footer

diff --git a/CSS/Services.css b/CSS/Services.css
@@ -180,9 +180,13 @@ footer .footer-third ul li a img Map{
 
 
 @media screen and (max-width:480px){
+
+  body {
+    overflow-x: hidden; /* Hide vertical scrollbars */
+  }
   nav ul li {
-    margin: 0 11px;
-    font-size: 1rem;
+    margin: 0 9px;
+    font-size: 1rem;;
   }
 
 .footer

diff --git a/CSS/style.css b/CSS/style.css
@@ -191,8 +191,8 @@ flex-direction: column-reverse;
 
 @media screen and (max-width:480px){
   nav ul li {
-    margin: 0 14px;
-    font-size: 0.8rem;
+    margin: 0 9px;
+    font-size: 1rem;;
   }
 .footer
 {