fix: Spacing on get started layout

newrelic · Jun 19, 2020 · 79dbb6d · 79dbb6d
1 parent 7b32faa
commit 79dbb6d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git 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
@@ -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;
+}