From 0cdef63146e6ad0a64705359094c6c125b21772b Mon Sep 17 00:00:00 2001
From: Joshua <62268199+minimalsm@users.noreply.github.com>
Date: Mon, 5 Jun 2023 18:11:18 +0100
Subject: [PATCH 1/4] Alter hero spacing on smaller screens

---
 src/components/PageHero.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/PageHero.tsx b/src/components/PageHero.tsx
index 478a8fbe9c8..0b2643b5a8b 100644
--- a/src/components/PageHero.tsx
+++ b/src/components/PageHero.tsx
@@ -56,15 +56,17 @@ const PageHero: React.FC<IProps> = ({
       >
         <Box
           maxW={{ base: "full", lg: "container.sm" }}
-          py={{ base: 16, lg: 32 }}
+          pt={{ base: 0, lg: 32 }}
+          pb={{ base: 8, lg: 32 }}
           pl={{ base: 0, lg: 8 }}
-          mr={4}
+          mr={{ base: 0, lg: 4 }}
         >
           <Heading
             as="h1"
             textTransform="uppercase"
             fontSize="md"
             fontWeight="normal"
+            mt={{ base: "0px", lg: 8 }}
             mb={4}
             color="text300"
             lineHeight={1.4}
@@ -77,6 +79,7 @@ const PageHero: React.FC<IProps> = ({
             fontSize={{ base: "2.5rem", lg: "5xl" }}
             maxW="full"
             mb={0}
+            mt={{ base: 8, lg: 12 }}
             color="text00"
             lineHeight={1.4}
           >

From 4fb0f3162fdeb0b1ec29132cdd28cc4651b6dabd Mon Sep 17 00:00:00 2001
From: Joshua <62268199+minimalsm@users.noreply.github.com>
Date: Mon, 5 Jun 2023 18:19:40 +0100
Subject: [PATCH 2/4] Update src/components/PageHero.tsx

---
 src/components/PageHero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/PageHero.tsx b/src/components/PageHero.tsx
index 0b2643b5a8b..087b3c7a673 100644
--- a/src/components/PageHero.tsx
+++ b/src/components/PageHero.tsx
@@ -59,7 +59,7 @@ const PageHero: React.FC<IProps> = ({
           pt={{ base: 0, lg: 32 }}
           pb={{ base: 8, lg: 32 }}
           pl={{ base: 0, lg: 8 }}
-          mr={{ base: 0, lg: 4 }}
+          mr={{ base: "0px", lg: 4 }}
         >
           <Heading
             as="h1"

From ce042390790d632a7071a6d72c649cdc154707c7 Mon Sep 17 00:00:00 2001
From: Joshua <62268199+minimalsm@users.noreply.github.com>
Date: Tue, 6 Jun 2023 18:33:11 +0100
Subject: [PATCH 3/4] Add padding based on isReverse prop (image on top or
 bottom) of hero on smaller screens

---
 src/components/PageHero.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/PageHero.tsx b/src/components/PageHero.tsx
index 087b3c7a673..0b75653c809 100644
--- a/src/components/PageHero.tsx
+++ b/src/components/PageHero.tsx
@@ -56,8 +56,8 @@ const PageHero: React.FC<IProps> = ({
       >
         <Box
           maxW={{ base: "full", lg: "container.sm" }}
-          pt={{ base: 0, lg: 32 }}
-          pb={{ base: 8, lg: 32 }}
+          pt={{ base: isReverse ? 0 : 8, lg: 32 }}
+          pb={{ base: isReverse ? 8 : 0, lg: 32 }}
           pl={{ base: 0, lg: 8 }}
           mr={{ base: "0px", lg: 4 }}
         >

From a3e675e1aafa6c4ac50d7273741a1f3fb68213e0 Mon Sep 17 00:00:00 2001
From: Joshua <62268199+minimalsm@users.noreply.github.com>
Date: Thu, 8 Jun 2023 15:55:56 +0100
Subject: [PATCH 4/4] "0px" -> 0 base

---
 src/components/PageHero.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/PageHero.tsx b/src/components/PageHero.tsx
index 0b75653c809..fc60eb46826 100644
--- a/src/components/PageHero.tsx
+++ b/src/components/PageHero.tsx
@@ -59,14 +59,14 @@ const PageHero: React.FC<IProps> = ({
           pt={{ base: isReverse ? 0 : 8, lg: 32 }}
           pb={{ base: isReverse ? 8 : 0, lg: 32 }}
           pl={{ base: 0, lg: 8 }}
-          mr={{ base: "0px", lg: 4 }}
+          mr={{ base: 0, lg: 4 }}
         >
           <Heading
             as="h1"
             textTransform="uppercase"
             fontSize="md"
             fontWeight="normal"
-            mt={{ base: "0px", lg: 8 }}
+            mt={{ base: 0, lg: 8 }}
             mb={4}
             color="text300"
             lineHeight={1.4}