try to fix mobile stylingHEADmain

1 files changed, 20 insertions, 0 deletions

diff --git a/resources/css/home.css b/resources/css/home.css
index 9977bd6..204b6d1 100644
--- a/resources/css/home.css
+++ b/resources/css/home.css
@@ -23,6 +23,26 @@ main {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     z-index: 1;
 }
+
+@media (max-width: 900px) {
+    main {
+        margin: .2rem 2rem .5rem 2rem;
+    }
+}
+
+@media (max-width: 600px) {
+    main {
+        margin: 0;
+        padding: .75rem;
+        box-shadow: none;
+    }
+    a {
+        margin: .25rem;
+    }
+    li {
+        margin: .5rem .5rem;
+    }
+}
 section {
     margin-bottom: 2rem;
     z-index: 1;