fixed minor styling issue on hero text (#1822)

OperationCode · Jun 5, 2024 · da7f447 · da7f447
1 parent b5e93b3
commit da7f447
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -21,18 +21,18 @@ function Home() {
         isFullViewportHeight
         title="Build The Future"
       >
-        <>
+        <div className={styles.heroText}>
           <p>
             We&apos;re the largest community of military veterans, service members, and spouses
             committed to becoming software developers with the help of mentors, scholarships, and
             our tech partners.
           </p>
+        </div>
 
-          <div className={styles.ctaContainer}>
-            <LinkButton href="/about">Learn More</LinkButton>
-            <LinkButton href="/join">Join Us</LinkButton>
-          </div>
-        </>
+        <div className={styles.ctaContainer}>
+          <LinkButton href="/about">Learn More</LinkButton>
+          <LinkButton href="/join">Join Us</LinkButton>
+        </div>
       </HeroBanner>
 
       <Content

diff --git a/styles/index.module.css b/styles/index.module.css
@@ -2,6 +2,10 @@
   padding: 0;
 }
 
+.heroText {
+  padding: 0 1rem;
+}
+
 .Home .ctaContainer {
   display: flex;
   width: 100%;