Make site more mobile friendly

2 files changed, 11 insertions, 1 deletions

diff --git a/static/style/index.css b/static/style/index.css
index bee815d..ada19e9 100644
--- a/static/style/index.css
+++ b/static/style/index.css
@@ -95,7 +95,6 @@ section {
         flex-shrink: 0;
         flex-basis: 8em;
         padding: 1em;
-        height: 15em;
         text-align: left;
         text-decoration: none;
         background-color: var(--light-color);
@@ -138,5 +137,9 @@ section {
     section {
         flex-direction: column;
         flex-wrap: inherit;
+
+        >div {
+            flex-basis: auto;
+        }
     }
 }
\ No newline at end of file
diff --git a/static/style/style.css b/static/style/style.css
index 46b1379..3e7e850 100644
--- a/static/style/style.css
+++ b/static/style/style.css
@@ -126,4 +126,11 @@ main.centered {
         padding: 0.25em;
         list-style: none;
     }
+}
+
+@media (max-width: 750px) {
+    main.centered {
+        width: auto;
+        padding: 1em;
+    }
 }
\ No newline at end of file