From ff34ae3c0ffc45c098bfa35aba14b3e404bdc7ff Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Fri, 27 Sep 2024 10:51:07 +0200
Subject: [PATCH] fix: proper spacing on mobile

---
 .../ContentType/ContentPage/contentPage.module.css       | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/ContentType/ContentPage/contentPage.module.css b/components/ContentType/ContentPage/contentPage.module.css
index db1de0540..4535ecf56 100644
--- a/components/ContentType/ContentPage/contentPage.module.css
+++ b/components/ContentType/ContentPage/contentPage.module.css
@@ -26,8 +26,7 @@
 
 .heroContainer {
   width: 100%;
-  padding-bottom: var(--Spacing-x4);
-  padding-top: var(--Spacing-x4);
+  padding: var(--Spacing-x4) var(--Spacing-x2);
 }
 
 .heroContainer img {
@@ -39,7 +38,7 @@
 .contentContainer {
   display: flex;
   flex-direction: column;
-  padding-top: var(--Spacing-x4);
+  padding: var(--Spacing-x4) var(--Spacing-x2) 0;
 }
 
 .mainContent {
@@ -57,11 +56,15 @@
 }
 
 @media (min-width: 1367px) {
+  .heroContainer {
+    padding: var(--Spacing-x4) 0;
+  }
   .contentContainer {
     display: grid;
     grid-template-columns: var(--max-width-text-block) 1fr;
     gap: var(--Spacing-x9);
     max-width: var(--max-width-content);
     margin: 0 auto;
+    padding: var(--Spacing-x4) 0 0;
   }
 }