From bcd362995bdb8ac58e20f24307730a791a4a7d47 Mon Sep 17 00:00:00 2001
From: Akemi Izuko <akemi@noway.moe>
Date: Mon, 1 Jan 2024 17:45:56 -0700
Subject: [PATCH] Blog: make post listings mobile responsive

---
 src/styles/post-listing.css | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/styles/post-listing.css b/src/styles/post-listing.css
index 6632906..1a19769 100644
--- a/src/styles/post-listing.css
+++ b/src/styles/post-listing.css
@@ -5,9 +5,16 @@
  * The parent <main> must have a class called ".post-listing"
  *
  */
-main.post-listing {
-    width: 960px;
-    margin: auto;
+@media (min-width: 980px) {
+    main.post-listing {
+        width: 960px;
+        margin: auto;
+    }
+}
+@media not (min-width: 980px) {
+    main.post-listing {
+        margin: 30px;
+    }
 }
 main.post-listing ul {
     display: flex;