Make the home layout work properly on narrow screens

templates/default-layout.cassius

@@ -16,6 +16,7 @@ body
     padding-bottom: 1em
     display: flex
     justify-content: space-evenly
+    margin: auto 1em
 #navbar
   justify-content: space-between
 .breadcrumb

templates/home.cassius

@@ -1,11 +1,19 @@
 body > main
   display: flex
-  flex-direction: row-reverse
+  flex-direction: column
+  align-items: center
   > ol.h-feed
     flex: 1
-    margin-right: 2em;
   > .author
-    max-width: 30%
+    max-width: 25rem
+    margin-bottom: 2em
     > .h-card
       position: sticky
       top: 1em
+
+@media (min-width: 768px)
+  body > main
+    flex-direction: row-reverse
+    align-items: flex-start
+    > ol.h-feed
+      margin-right: 2em