css: improve blog index rendering on mobile using flexbox

sxlijin · Jan 25, 2024 · b8aa620 · b8aa620
1 parent feb1405
commit b8aa620
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/scss/index.scss b/scss/index.scss
@@ -6,11 +6,15 @@
     list-style: none;
     padding-inline-start: 1em;
 
-    .post-date {
-      display: inline-block;
-      width: 4.5em;
-      text-align: right;
-      padding-right: .5em;
+    li {
+      display: flex;
+      flex-direction: row;
+      gap: .5em;
+
+      .post-date {
+        flex: 0 0 4.5em;
+        text-align: right;
+      }
     }
   }
 }