From: Ardis Lu <ardisglu@gmail.com>
Date: Thu, 25 Mar 2021 05:58:26 +0000 (-0700)
Subject: Update card width from 240px to 360px
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=6b6d91b16865498e9dc10a6b54cb09cff69191a4;p=ardislu.dev

Update card width from 240px to 360px
---

diff --git a/script.js b/script.js
index a964ae4..725cc3e 100644
--- a/script.js
+++ b/script.js
@@ -1,5 +1,5 @@
 const main = document.getElementsByTagName("main")[0];
-const initialColumns = Math.max(1, Math.floor(main.clientWidth / 240) - 1);
+const initialColumns = Math.max(1, Math.floor(main.clientWidth / 360) - 1);
 
 /* Generic element builders */
 const createColumnElement = () => {
diff --git a/style.css b/style.css
index 90574ab..0dfbaae 100644
--- a/style.css
+++ b/style.css
@@ -14,7 +14,7 @@ header {
 
 main {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
   grid-gap: 1rem;
   justify-items: center;
   margin: 0 auto;