drewdevault.com

commit: 8defad6f9c4e325c146d81a9f71f3bac76cc0ecc
parent 855d5d1559f782f2b37f6c72875c40f87484599a
Author: Drew DeVault <sir@cmpwn.com>
Date:   Fri, 21 Aug 2020 16:17:12 -0400

Improve index page on mobile

Diffstat:
M
assets/main.scss
31
+++++++++++++++++++++++++++++++

1 file changed, 31 insertions(+), 0 deletions(-)
diff --git a/assets/main.scss b/assets/main.scss
@@ -59,6 +59,37 @@ h1 {
       }
     }
   }
+
+  @media(max-width: 640px) {
+    flex-direction: column;
+
+    aside {
+      order: 0;
+      display: flex;
+      flex-direction: row;
+      width: auto;
+      align-items: center;
+      justify-content: space-between;
+
+      img {
+        margin: 0;
+        order: 0;
+      }
+
+      dl {
+        order: 1;
+      }
+
+      .text-center {
+        order: 2;
+        align-self: center;
+      }
+    }
+
+    .article-list {
+      order: 1;
+    }
+  }
 }
 
 article {