From 46c8653a747d33198c71db04a8fd7847de4a5387 Mon Sep 17 00:00:00 2001
From: Sammy Thompson <sthompson4810@gmail.com>
Date: Wed, 30 Jul 2025 23:37:40 -0700
Subject: [PATCH] Add hide medium CSS utility class. Update br element to use
 new class. Move utility classes from component partial to helper partial.

---
 assets/stylesheets/new-stylesheets/_helpers.scss   | 14 +++++++++++++-
 .../new-stylesheets/includes/callout/_base.scss    |  6 ------
 index.md                                           |  2 +-
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/assets/stylesheets/new-stylesheets/_helpers.scss b/assets/stylesheets/new-stylesheets/_helpers.scss
index 4eb05388e..1b19066ea 100644
--- a/assets/stylesheets/new-stylesheets/_helpers.scss
+++ b/assets/stylesheets/new-stylesheets/_helpers.scss
@@ -199,4 +199,16 @@
   text-decoration: underline;
   text-decoration-color: color-mix(in srgb, currentColor 50%, transparent);
   text-underline-offset: 2px;
-}
\ No newline at end of file
+}
+
+.hide-small {
+  @media only screen and (max-width: 767px) {
+    display: none;
+  }
+}
+
+.hide-medium {
+  @media only screen and (max-width: 1024px) {
+    display: none;
+  }
+}
diff --git a/assets/stylesheets/new-stylesheets/includes/callout/_base.scss b/assets/stylesheets/new-stylesheets/includes/callout/_base.scss
index 542fdc1df..0ed766a50 100644
--- a/assets/stylesheets/new-stylesheets/includes/callout/_base.scss
+++ b/assets/stylesheets/new-stylesheets/includes/callout/_base.scss
@@ -71,9 +71,3 @@
 .callout-text {
   text-align: left;
 }
-
-.hide-small {
-  @media only screen and (max-width: 767px) {
-    display: none;
-  }
-}
diff --git a/index.md b/index.md
index a81469fbc..df78152f1 100644
--- a/index.md
+++ b/index.md
@@ -57,7 +57,7 @@ atom: true
         </p>
         <br />
         <p class="pillar-intro">
-            It's the combination of approachability, speed, safety, and all of<br class="hide-small"/> Swift’s strengths that make it so unique.
+            It's the combination of approachability, speed, safety, and all of<br class="hide-medium"/> Swift’s strengths that make it so unique.
         </p>
     </div>
     {% for callout in pillar1_callouts %}