feat(theme): better responsive design in index page

Former-commit-id: 54ca49cada1158fc25ef400306019184f4d584b9

1 files changed, 7 insertions, 2 deletions

diff --git a/assets/css/components/_pages.scss b/assets/css/components/_pages.scss
index ff54ebe4..89adf253 100644
--- a/assets/css/components/_pages.scss
+++ b/assets/css/components/_pages.scss
@@ -80,8 +80,13 @@
     #post-series {
         #post-series-list {
             display: flex;
-            gap: 1rem;
-            margin: 1rem;
+            gap: .5rem;
+
+            @media screen and (min-width: 768px) {
+                margin: 1rem;
+                gap: 1rem;
+            }
+
             .post-series-item {
                 display: flex;
                 flex-direction: column;