feat(theme): responsive index header

Former-commit-id: d91c2e4dc1a9b9d87e6afe7bc13c9c4c9200dd8b

1 files changed, 9 insertions, 4 deletions

diff --git a/assets/css/components/_pages.scss b/assets/css/components/_pages.scss
index ab49a877..ff54ebe4 100644
--- a/assets/css/components/_pages.scss
+++ b/assets/css/components/_pages.scss
@@ -72,8 +72,10 @@
 /* post series */
 
 #posts-header {
-    display: grid;
-    grid-template-columns: 2fr 1fr;
+    @media screen and (min-width: 768px) {
+        display: grid;
+        grid-template-columns: 2fr 1fr;
+    }
 
     #post-series {
         #post-series-list {
@@ -115,8 +117,11 @@
     #posts-recommendation {
         #posts-recommendation-links {
             display: flex;
-            flex-direction: column;
-            gap: .5rem
+            flex-direction: row;
+            gap: .5rem;
+            @media screen and (min-width: 768px) {
+                flex-direction: column;
+            }
         }
     }
 }