From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 21 Nov 2021 23:00:38 +0000 (-0800)
Subject: Tweak .card-container styling
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=4b146c828c325d564abe0d98477165cc8ccfcaae;p=ardislu.dev

Tweak .card-container styling

Use logical CSS properties, add margin-block-end, adjust max card width
---

diff --git a/style.css b/style.css
index 555350e..6bbbc43 100644
--- a/style.css
+++ b/style.css
@@ -39,9 +39,10 @@ kbd {
 
 .card-container {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
   grid-gap: 1rem;
-  margin: 0 auto;
+  margin-inline: auto;
+  margin-block-end: 1rem;
   max-width: 1440px;
 }