drewdevault.com

commit: 03f60c28d5da835a2dec067093f9dc4fca8c7660
parent 7ea076b4ef621adc7c3d496131e5727fed1c6230
Author: Drew DeVault <sir@cmpwn.com>
Date:   Fri, 21 Aug 2020 18:25:35 -0400

Make webring more responsive

Diffstat:
M
assets/main.scss
13
+++++++++++--

1 file changed, 11 insertions(+), 2 deletions(-)
diff --git a/assets/main.scss b/assets/main.scss
@@ -163,6 +163,10 @@ pre {
 
   .articles {
     display: flex;
+
+    @media(max-width: 640px) {
+      flex-direction: column;
+    }
   }
 
   .title {
@@ -173,9 +177,14 @@ pre {
     flex: 1 1 0;
     display: flex;
     flex-direction: column;
-    margin: 0 0.5rem;
-    padding: 0.5rem;
     background: #eee;
+    padding: 0.5rem;
+
+    margin: 0 0.5rem;
+
+    @media(max-width: 640px) {
+      margin: 0.5rem 0;
+    }
   }
 
   .article:first-child {