From b84bb155f577ea4d3d90072976ca6fbd4c91a64b Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <coryd@hey.com>
Date: Thu, 14 Mar 2024 12:51:37 -0700
Subject: [PATCH] fix: styles

---
 src/_includes/partials/now/media-grid.liquid | 2 +-
 src/assets/styles/components/media-grid.css  | 6 +++++-
 src/assets/styles/pages/now.css              | 4 ++--
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/_includes/partials/now/media-grid.liquid b/src/_includes/partials/now/media-grid.liquid
index d75e7f94..2842bb69 100644
--- a/src/_includes/partials/now/media-grid.liquid
+++ b/src/_includes/partials/now/media-grid.liquid
@@ -7,7 +7,7 @@
   <style>{{ css }}</style>
   {% endif %}
   {% assign media = data | normalizeMedia %}
-  <h2 id="{{ title | downcase }}" class="flex--centered">
+  <h2 id="{{ title | downcase }}" class="media__grid--header flex--centered">
     {% tablericon icon title %}
     {{ title }}
   </h2>
diff --git a/src/assets/styles/components/media-grid.css b/src/assets/styles/components/media-grid.css
index 66580f0d..2246a85b 100644
--- a/src/assets/styles/components/media-grid.css
+++ b/src/assets/styles/components/media-grid.css
@@ -3,10 +3,14 @@
   --grid-vertical: repeat(3,minmax(0,1fr));
 }
 
-h2 {
+.media__grid--header {
   margin: var(--sizing-3xl) 0 var(--sizing-lg);
 }
 
+.media__grid--header:first-of-type {
+  margin-top: 0;
+}
+
 .media__grid {
   display: grid;
   gap: var(--sizing-sm);
diff --git a/src/assets/styles/pages/now.css b/src/assets/styles/pages/now.css
index 36c6402e..ca0ab33d 100644
--- a/src/assets/styles/pages/now.css
+++ b/src/assets/styles/pages/now.css
@@ -14,11 +14,11 @@
   width: var(--sizing-base);
 }
 
-h2 {
+.media__grid--header {
   margin: var(--sizing-3xl) 0 var(--sizing-lg);
 }
 
-h2:first-of-type {
+.media__grid--header:first-of-type {
   margin-top: 0;
 }