From 2b6f9ad93f2410af64a7ee541901d85d5bb87f0d Mon Sep 17 00:00:00 2001
From: kitajchuk <bk@kitajchuk.com>
Date: Fri, 9 Apr 2021 08:31:09 -0700
Subject: [PATCH] adjust how hero subtext elements render

---
 components/jambonz-ui.js | 8 +++++---
 styles/_layout.scss      | 2 +-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/components/jambonz-ui.js b/components/jambonz-ui.js
index 7e873c7..038206d 100644
--- a/components/jambonz-ui.js
+++ b/components/jambonz-ui.js
@@ -100,9 +100,11 @@ export function Hero({ data, subStyle }) {
           <H1>{data.headline}</H1>
         </div>
         <div className="hero__subtext">
-          {normalizeSubtext(data.subtext).map((subtext) => {
-            return <H5 key={nanoid()}>{subtext}</H5>;
-          })}
+          <H5>
+            {normalizeSubtext(data.subtext).map((subtext) => {
+              return <div key={nanoid()}>{subtext}</div>;
+            })}
+          </H5>
         </div>
         {data.cta && (
           <div className="hero__cta">
diff --git a/styles/_layout.scss b/styles/_layout.scss
index 4709c0a..4dd2cea 100644
--- a/styles/_layout.scss
+++ b/styles/_layout.scss
@@ -68,7 +68,7 @@
       margin-bottom: 0;
       max-width: 820px;
 
-      > :nth-child(even) {
+      div + div {
         margin-top: 32px;
 
         @media (max-width: $width-mobile) {