Merge pull request #140 from gjyotk/responsive-scrollbar

Improving Responsiveness of Scrollbar
Rakesh9100 · Oct 27, 2023 · eef2681 · eef2681
2 parents f705ebd + 9800784
commit eef2681
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/assets/main.css b/assets/main.css
@@ -659,7 +659,7 @@ h1 {
 
 @media screen and (1336px <= width < 1440px) {
     .head {
-        overflow: scroll;
+        overflow: auto;
     }
     .fruit, .vegetable, .snacks, .sweets {
         margin-bottom: 5vh;
@@ -677,7 +677,7 @@ h1 {
 
 @media screen and (1024px <= width < 1336px) {
     .head {
-        overflow: scroll;
+        overflow: auto;
     }
     .fruit, .vegetable, .snacks, .sweets {
         margin-bottom: 5vh;
@@ -692,7 +692,7 @@ h1 {
 
 @media screen and (701px < width < 1024px) {
     .head {
-        overflow: scroll;
+        overflow: auto;
     }
     .fruit, .vegetable, .snacks, .sweets {
         margin-top: 4rem;
@@ -708,7 +708,7 @@ h1 {
 
 @media screen and (573px <= width <= 701px) {
     .head {
-        overflow: scroll;
+        overflow: auto;
     }
     .fruit,.vegetable, .snacks, .sweets {
         margin-top: 4rem;
@@ -733,7 +733,7 @@ h1 {
 
 @media screen and (527px < width < 573px) {
     .head {
-        overflow: scroll;
+        overflow: auto;
     }
     .fruit,.vegetable, .snacks, .sweets {
         margin-top: 4rem;
@@ -749,7 +749,7 @@ h1 {
 
 @media screen and (383px <= width <= 527px) {
     .head {
-        overflow: scroll;
+        overflow: auto;
     }
     .fruit,.vegetable, .snacks, .sweets {
         margin-top: 4rem;
@@ -765,7 +765,7 @@ h1 {
 
 @media screen and (354px <= width < 383px) {
     .head {
-        overflow: scroll;
+        overflow: auto;
     }
     .btn {
         margin-top: 0px;
@@ -784,7 +784,7 @@ h1 {
 
 @media screen and (100px <= width < 354px) {
     .head {
-        overflow: scroll;
+        overflow: auto;
     }
     .btn {
         margin-top: 0px;