From e81387d830799d2b50e8453a8d4b93d397ecf1b7 Mon Sep 17 00:00:00 2001
From: Tim Glaser <tglaser@newrelic.com>
Date: Fri, 19 Jun 2020 14:58:36 -0700
Subject: [PATCH] fix(ResponsiveStyling): Show subset of heading at thin widths

---
 src/pages/index.js          | 5 ++++-
 src/pages/index.module.scss | 6 ++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 14485b101..619c9a5f0 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -97,7 +97,10 @@ const IndexPage = ({ pageContext }) => (
               styles.gettingStartedHeading
             )}
           >
-            Get started in minutes
+            <div>
+              Get started{' '}
+              <span className={styles.getStartedTextFull}>in minutes</span>
+            </div>
             <ExternalLink href="https://newrelic.com/signup?partner=Developer+Edition">
               <button type="button">Create a free account</button>
             </ExternalLink>
diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
index 6a943ec73..8e179d3b2 100644
--- a/src/pages/index.module.scss
+++ b/src/pages/index.module.scss
@@ -45,3 +45,9 @@
 .gettingStartedHeading {
   margin-bottom: 4rem;
 }
+
+@media screen and (max-width: 980px) {
+  .getStartedTextFull {
+    display: none;
+  }
+}