From 4feac2a379393d80b144daeefc781080530f437c Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Mon, 29 Jun 2020 13:31:12 -0700
Subject: [PATCH] chore: Smaller rows for guide tiles by default

---
 src/components/GuideListing/GuideListing.module.scss | 2 +-
 src/components/GuideTile/GuideTile.module.scss       | 4 ++++
 src/pages/index.module.scss                          | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/GuideListing/GuideListing.module.scss b/src/components/GuideListing/GuideListing.module.scss
index 98ced38e3..2395c1af0 100644
--- a/src/components/GuideListing/GuideListing.module.scss
+++ b/src/components/GuideListing/GuideListing.module.scss
@@ -25,7 +25,7 @@
   display: grid;
   grid-template-columns: repeat(3, minmax(260px, 1fr));
   grid-gap: 1rem;
-  grid-auto-rows: minmax(calc(248px - 2rem), auto);
+  grid-auto-rows: minmax(var(--guide-list-row-height, 150px), auto);
   align-items: stretch;
   width: 100%;
 
diff --git a/src/components/GuideTile/GuideTile.module.scss b/src/components/GuideTile/GuideTile.module.scss
index 36f65b5bd..3d1f5a923 100644
--- a/src/components/GuideTile/GuideTile.module.scss
+++ b/src/components/GuideTile/GuideTile.module.scss
@@ -49,6 +49,10 @@
   color: var(--color-neutrals-600);
   flex: 1;
   padding: 0 0.5rem;
+
+  &:last-child {
+    margin-bottom: 0;
+  }
 }
 
 .button {
diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
index 58b0bf880..d00e27635 100644
--- a/src/pages/index.module.scss
+++ b/src/pages/index.module.scss
@@ -31,6 +31,7 @@
 }
 
 .guideListing {
+  --guide-list-row-height: auto;
   margin-top: 0;
 }
 
@@ -99,7 +100,6 @@
 
 .allGuidesListing {
   margin-top: 1rem;
-  grid-auto-rows: minmax(180px, 180px);
 }
 
 .allGuidesGuide {