From 271b4d8ce66b3459ab389477ec90c917eb86be85 Mon Sep 17 00:00:00 2001
From: madarsbiss <madars.biss@gmail.com>
Date: Wed, 21 Jul 2021 13:21:01 +0300
Subject: [PATCH] add media breaks

---
 styles/Home.module.css | 19 +++++++++++++++++++
 styles/globals.css     |  1 -
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/styles/Home.module.css b/styles/Home.module.css
index aea86bc..4416912 100644
--- a/styles/Home.module.css
+++ b/styles/Home.module.css
@@ -77,5 +77,24 @@
   .wrapper {
     display: grid;
     grid-template-columns: 1fr;
+    max-width: 600px;
+    margin: 20px auto;
+  }
+}
+
+@media only screen and (max-width: 600px) {
+  .wrapper {
+    margin: 0 auto;
+    border-radius: 0;
+  }
+
+  .statsBox {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+
+@media only screen and (max-width: 475px) {
+  .statsBox {
+    grid-template-columns: 1fr;
   }
 }
diff --git a/styles/globals.css b/styles/globals.css
index 92effd2..c69b3bd 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -24,7 +24,6 @@ body {
 @media only screen and (max-width: 950px) {
   html,
   body {
-    min-height: 100vh;
     display: block;
   }
 }