Fix sizes on small & large screens (#81)

ekaterinburgdev · Sep 28, 2023 · b9f47d7 · b9f47d7
1 parent a52d8b1
commit b9f47d7
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/client/components/MainPage/MainPage.module.css b/client/components/MainPage/MainPage.module.css
@@ -10,7 +10,7 @@
     width: 100%;
     max-width: 1100px;
     margin: auto;
-    padding: 8vmax 6vmax 4vmax;
+    padding: 32px 24px 64px;
 }
 
 .MainPageLogo {
@@ -132,6 +132,8 @@
     }
 
     .MainPageInner {
+        width: 80%;
+        max-width: 1600px;
         padding: 3.6em .2em;
     }
 }
@@ -155,3 +157,10 @@
     }
 }
 
+
+@media screen and (min-width: 1920px) {
+    .MainPageInner {
+        max-width: 2000px;
+    }
+}
+