From 0f3f7abc8ed174c72fcc3cb7297ebb5469cc08e2 Mon Sep 17 00:00:00 2001
From: Ryan Feigenbaum <ryan.feigenbaum@gmail.com>
Date: Mon, 10 Jul 2023 10:43:09 -0400
Subject: [PATCH] cq

---
 assets/css/components/card.css | 2 +-
 assets/css/pages/home.css      | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/assets/css/components/card.css b/assets/css/components/card.css
index c0a83522..d1240fd7 100644
--- a/assets/css/components/card.css
+++ b/assets/css/components/card.css
@@ -232,7 +232,7 @@
 
 /* Featured card */
 .sm-featured-card {
-  grid-row: span 18;
+  grid-row: span 16;
   grid-column: span 12;
 }
 
diff --git a/assets/css/pages/home.css b/assets/css/pages/home.css
index 4e6942ee..eafeeea9 100644
--- a/assets/css/pages/home.css
+++ b/assets/css/pages/home.css
@@ -2,12 +2,18 @@
   margin-block: var(--gap) 3rem;
 }
 
+.sm-grid {
+  container-type: inline-size;
+  container-name: home;
+}
+
 /* Grid */
 .sm-grid-home {
   display: grid;
   grid-template-columns: repeat(12, minmax(0, 1fr));
   grid-column: content;
   grid-auto-rows: calc((100vw - 220px - (var(--gutter) * 2)) / 12);
+  grid-auto-rows: calc((100cqw - 220px - (var(--gutter) * 2)) / 12);
   grid-auto-flow: dense;
   gap: 20px;
   padding: 6rem 0;