diff --git a/static/sidebar.css b/static/sidebar.css
index 37e918c..1db44d3 100644
--- a/static/sidebar.css
+++ b/static/sidebar.css
@@ -1,11 +1,13 @@
-body:has(div.sidebar) {
-    max-width: 50em;
-}
+@media (min-width: 576px) {
+    body:has(div.sidebar) {
+        max-width: 50em;
+    }
 
-div.wrapper:has(div.sidebar) {
-    display: grid;
-    grid-template-columns: 35em 15em;
-    column-gap: 60px;
+    div.wrapper:has(div.sidebar) {
+        display: grid;
+        grid-template-columns: minmax(20em,35em) 15em;
+        column-gap: 60px;
+    }
 }
 
 div.sidebar {
@@ -13,6 +15,12 @@ div.sidebar {
     line-height: 1.8;
 }
 
+@media (max-width: 576px) {
+    div.sidebar {
+        display: none;
+    }
+}
+
 div.sidebar header {
     margin-bottom: 0;
 }