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 555350e570092c457d4ba68d19f5941f281518f0..6bbbc437f2e4919368018683c96d4b14b4192746 100644 (file)
--- 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;
 }