From 87bc0264fb8134b1ca49336b74a2e5a0cacfc806 Mon Sep 17 00:00:00 2001
From: Ben <36240171+benkyd@users.noreply.github.com>
Date: Wed, 26 Jan 2022 23:45:37 +0000
Subject: [PATCH] responsive navbar and limited-margin

---
 client/public/global.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/public/global.css b/client/public/global.css
index 35bd516..e0e3085 100644
--- a/client/public/global.css
+++ b/client/public/global.css
@@ -13,7 +13,14 @@ limited-margin {
     display: block;
     margin-left: auto;
     margin-right: auto;
-    min-width: 900px;
-    width: 70%;
+    width: 85%;
     max-width: 1200px;
 }
+
+/* responsive sidebar stop scrolling */
+/* also making sure this is applied any time it's on a mobile device */
+@media (pointer:none), (pointer:coarse), screen and (max-width: 900px) {
+    limited-margin {
+        width: 100%;
+    }
+}