From 79dbb6d23e6d29a9407ad3912124c8d7f0971656 Mon Sep 17 00:00:00 2001
From: Tim Glaser <tglaser@newrelic.com>
Date: Fri, 19 Jun 2020 14:46:10 -0700
Subject: [PATCH] fix: Spacing on get started layout

---
 src/pages/index.js          |  8 +++++++-
 src/pages/index.module.scss | 10 ++++------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/pages/index.js b/src/pages/index.js
index 75fe98f9b..14485b101 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,4 +1,5 @@
 import React from 'react';
+import cx from 'classnames';
 
 import Layout from '../components/Layout';
 import SEO from '../components/Seo';
@@ -90,7 +91,12 @@ const IndexPage = ({ pageContext }) => (
 
       <Section backgroundBanner>
         <GuideListing className={styles.guideListing}>
-          <GuideListing.Heading className={styles.guideListingHeading}>
+          <GuideListing.Heading
+            className={cx(
+              styles.guideListingHeading,
+              styles.gettingStartedHeading
+            )}
+          >
             Get started in minutes
             <ExternalLink href="https://newrelic.com/signup?partner=Developer+Edition">
               <button type="button">Create a free account</button>
diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
index 206643055..6a943ec73 100644
--- a/src/pages/index.module.scss
+++ b/src/pages/index.module.scss
@@ -1,9 +1,3 @@
-.line {
-  border-bottom: 4px solid var(--color-brand-800);
-  width: 50px;
-  margin: 3rem auto 0;
-}
-
 .intro {
   display: flex;
   justify-content: space-between;
@@ -47,3 +41,7 @@
   margin-bottom: 1rem;
   font-size: 2.5rem;
 }
+
+.gettingStartedHeading {
+  margin-bottom: 4rem;
+}