Fix spacing of lower cards and starter sections

src/views/ideas/ideas.jsx

@@ -145,7 +145,7 @@ class Ideas extends React.Component {
                     <div className="inner">
                         <FlexRow
                             as="section"
-                            className="tips-info-section cards-info"
+                            className="tips-info-section cards-info ideas-all-cards"
                         >
                             <div className="tips-info-body">
                                 <h2>
@@ -175,11 +175,11 @@ class Ideas extends React.Component {
                 <div className="inner">
                     <div className="tips-divider" />
                 </div>
-                <div className="tips-resources">
+                <div>
                     <div className="inner">
                         <FlexRow
                             as="section"
-                            className="tips-info-section tips-left"
+                            className="ideas-starter tips-info-section tips-left"
                         >
                             <div className="ideas-image">
                                 <img

src/views/ideas/ideas.scss

@@ -60,6 +60,14 @@ $base-bg: $ui-white;
     width: 100%;
 }
 
+.ideas-all-cards {
+    padding: 5rem 0 !important;
+}
+
+.ideas-starter {
+    padding: 5rem 0 !important;
+}
+
 .tips-getting-started {
     background-color: $ui-light-gray;
     padding-top: 2.5rem;