Responsive on small screens

2025-01-14 20:03:09 -05:00
parent b043dce7f0
commit a6b850fddd
3 changed files with 41 additions and 16 deletions
--- a/styles/02-responsive.scss
+++ b/styles/02-responsive.scss
@@ -0,0 +1,18 @@
+@media screen and (max-width:65rem) {
+
+    .sidebar {
+        width: 100%;
+        height: auto;
+        position: initial;
+        text-align: center;
+
+        .sidebar_search form {
+            width: 18em;
+            margin: auto;
+        }
+    }
+
+    .content {
+        margin-left: 0;
+    }
+}