From b9f47d734af86c3647c9856ebaab9d1eeed10a6c Mon Sep 17 00:00:00 2001
From: Alexander Chabin <alex.chabin@gmail.com>
Date: Fri, 29 Sep 2023 01:29:57 +0500
Subject: [PATCH] Fix sizes on small & large screens (#81)

---
 client/components/MainPage/MainPage.module.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/client/components/MainPage/MainPage.module.css b/client/components/MainPage/MainPage.module.css
index cb1ef808..4f695741 100644
--- 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;
+    }
+}
+