From bc8c439f5324ca66de3d4482e8c68cdb6469fc6d Mon Sep 17 00:00:00 2001
From: Zahid Cakici <zahid.cakici@gmail.com>
Date: Tue, 6 Sep 2022 21:45:03 +0300
Subject: [PATCH] fix: fix gap problem on mobile

Additional gaps on 3 place causes some bugs when you try to swipe vertically on mobile screens. I changed gaps only on large screens
---
 src/html/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/html/index.html b/src/html/index.html
index 228a15a..a2ce9a4 100644
--- a/src/html/index.html
+++ b/src/html/index.html
@@ -18,7 +18,7 @@
 
         <!-- Hero Content-->
         <div class="container pt-4 pt-md-6 pt-lg-8 pb-8 pb-lg-10 position-relative">
-            <div class="row gx-10 align-items-center">
+            <div class="row gx-lg-10 align-items-center">
 
                 <!-- Hero Text-->
                 <div class="col-12 col-lg-6 position-relative z-index-20 text-center text-lg-start" data-aos="fade-in">
@@ -112,7 +112,7 @@ <h3 class="text-white text-center mt-3 fs-1 mb-3 fw-bold">Integrate with your fa
                 <p class="text-white opacity-50 text-center">Sync, share and download your work on the systems below.
                 </p>
 
-                <div class="row gx-10 gy-7 mt-4">
+                <div class="row gx-lg-10 gy-7 mt-4">
                     {{# each integrations.entries}}
                     <!-- Integration-->
                     <div class="col-12 col-sm-6 col-lg-4 d-flex flex-column align-items-center justify-content-center" data-aos="fade-in" data-aos-duration="500" data-aos-delay="{{@index}}00">
@@ -335,7 +335,7 @@ <h4 class="fs-1 fw-bold mb-6 text-white text-center">Our latest articles</h4>
             <div class="container">
                 <h4 class="fs-1 fw-bold mb-3 text-center">Explore our features</h4>
                 <p class="text-muted text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
-                <div class="row gx-10 gy-7 mt-4">
+                <div class="row gx-lg-10 gy-7 mt-4">
 
                     {{#each features.entries}}
                     <!-- Feature-->