responsive CSS (?)

diff --git a/public/css/style.css b/public/css/style.css
index 5b28d314705a2c2eadc9a8c835d70dc70b028fb0..7ed63f71e7bbc98469493696ec5fdb44f47554cf 100644 (file)
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -48,13 +48,15 @@ text-decoration: none;
 
 #page {
 background-color: #ddd;
-max-width: 80em;
-margin: auto;
 display: grid;
-grid-template-columns: auto minmax(25%,20em);
-grid-column-gap: 1em;
 margin: 0 1em 1em 1em;
 }
+@media (min-width: 640pt) {
+    #page {
+        grid-template-columns: auto minmax(25%,20em);
+        grid-column-gap: 1em;
+    }
+}
 
 #content {
 background-color: white;
@@ -64,6 +66,7 @@ padding: 1em;
 }
 
 #sidebar {
+    min-width: 15em;
 }
 
 #about, #getting-started {