improve mobile layout

RGB-WG · Aug 31, 2024 · 8cfb092 · 8cfb092
1 parent e528f45
commit 8cfb092
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/sass/_base.sass b/sass/_base.sass
@@ -12,6 +12,11 @@ body
 table
   border-spacing: 0
 
+@media screen and (max-width: 60em)
+  article
+    margin-left: 1rem !important
+    margin-right: 1rem !important
+
 article
   max-width: 60rem
   margin: 4rem auto
@@ -39,6 +44,7 @@ article
     line-height: 1.6
 
   aside
+    clear: both
     font-size: smaller
     float: right
     width: 25%
@@ -48,9 +54,10 @@ article
       font-size: 140%
 
 pre
-  padding: 2rem
+  padding: 1rem
   box-sizing: border-box
   font-size: smaller
+  overflow: scroll
   code
     background-color: inherit