From 66e74f4e1f60756ab402d7e6ead158f52497ddb5 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 22 Nov 2021 23:18:47 -0800
Subject: [PATCH] Set minimum 1rem margin, or auto for large screens

---
 style.css | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

diff --git a/style.css b/style.css
index 4e4ad67..f4ce569 100644
--- a/style.css
+++ b/style.css
@@ -41,9 +41,15 @@ kbd {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
   grid-gap: 1rem;
-  margin-inline: auto;
+  margin-inline: 1rem;
   margin-block-end: 1rem;
-  max-width: 1440px;
+}
+
+@media (min-width: 1440px) {
+  .card-container {
+    margin-inline: auto;
+    max-width: 1440px;
+  }
 }
 
 .skeleton-line {
@@ -82,6 +88,12 @@ kbd {
 }
 
 .post {
-  margin: 0 auto;
-  max-width: 1440px;
+  margin-inline: 1rem;
+}
+
+@media (min-width: 1440px) {
+  .post {
+    margin-inline: auto;
+    max-width: 1440px;
+  }
 }
-- 
2.47.3