From fc10ae4476126b54c2b55b3123ea903d03adbe16 Mon Sep 17 00:00:00 2001
From: Tara Matthew <tara@tutorful.co.uk>
Date: Wed, 5 Oct 2022 12:58:56 +0100
Subject: [PATCH] Fix mobile spacing

---
 index.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 6380ddb..51497b7 100644
--- a/index.html
+++ b/index.html
@@ -35,8 +35,8 @@
     </nav>
     <header class="bg-primary-gradient pt-5">
         <div class="container modal-fullscreen"><iframe allowfullscreen="" frameborder="0" class="modal-fullscreen"></iframe></div>
-        <div class="container pt-4 pt-xl-5">
-            <div class="row pt-5">
+        <div class="container pt-xl-5">
+            <div class="row pt-md-5">
                 <div class="col-md-8 col-xl-6 text-center text-md-start mx-auto">
                     <div class="text-center">
                         <p class="fw-bold text-success mb-2">Flexible SmartBin Monitoring System</p>
@@ -58,7 +58,7 @@ <h1 class="fw-bold">The best&nbsp;<span class="bg-success-light">&nbsp;SaaS&nbsp
         <div class="text-center mt-2 mb-4"><button class="btn btn-primary btn-sm" type="">Request Demo</button></div>
     </section>
     <section>
-        <div class="container bg-primary-gradient py-5">
+        <div class="container bg-primary-gradient pt-5">
             <div class="row">
                 <div class="col-md-8 col-xl-6 text-center mx-auto">
                     <p class="fw-bold text-success mb-2">All Feautures</p>
@@ -117,12 +117,12 @@ <h5 class="fw-bold card-title">Feature 4</h5>
             </div>
         </div>
     </section>
-    <section class="py-5">
+    <section class="py-md-5">
         <div class="container text-center py-5">
             <p class="mb-4" style="font-size: 1.6rem;">Used by <span class="bg-success-light p-1"><strong>most</strong></span>&nbsp;of the best companies in the world.</p><a href="#"> <img class="m-3" src="assets/img/brands/instacart.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/kickstarter.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/lyft.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/shopify.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/pinterest.png"></a><a href="#"> <img class="m-3" src="assets/img/brands/twitter.png"></a>
         </div>
     </section>
-    <section class="py-5">
+    <section class="py-md-5">
         <div class="container">
             <div class="row mb-5">
                 <div class="col-md-8 col-xl-6 text-center mx-auto">
@@ -175,7 +175,7 @@ <h6 class="fw-bold mb-0">Location</h6>
             </div>
         </div>
     </section>
-    <section class="py-5">
+    <section class="py-md-5">
         <div id="cb-cookie-banner" class="alert alert-dark text-center mb-0 fixed-bottom" role="alert">
             🍪 This website uses cookies to ensure you get the best experience on
             our website.
@@ -185,7 +185,7 @@ <h6 class="fw-bold mb-0">Location</h6>
             </button>
         </div>
     </section>
-    <section class="py-5">
+    <section class="py-md-5">
         <footer class="text-center py-4">
             <div class="container">
                 <div class="row row-cols-1 row-cols-lg-3">