From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 23 Nov 2021 07:18:47 +0000 (-0800)
Subject: Set minimum 1rem margin, or auto for large screens
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=66e74f4e1f60756ab402d7e6ead158f52497ddb5;p=ardislu.dev

Set minimum 1rem margin, or auto for large screens
---

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;
+  }
 }