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 abfb84aef..83dece3c9 100644 --- a/src/components/GuideTile/GuideTile.module.scss +++ b/src/components/GuideTile/GuideTile.module.scss @@ -43,6 +43,10 @@ margin-bottom: 1.5rem; color: var(--color-neutrals-600); flex: 1; + + &:last-child { + margin-bottom: 0; + } } .button { diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss index 0b158d561..2a5d46089 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,5 +100,4 @@ .allGuidesListing { margin-top: 1rem; - grid-auto-rows: minmax(180px, 180px); }