From 1c94ebb1e0331b4f514336eb99f313e676f2fcc3 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Fri, 4 Oct 2024 01:05:03 +0300
Subject: [PATCH] Fixed gaps on the homepage and article page

---
 src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx | 8 +++++++-
 src/styles/app.scss                                      | 9 +++++----
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
index d35fc313..6892edc0 100644
--- a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
+++ b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
@@ -41,7 +41,13 @@ export const ArticleCardSwiper = (props: Props) => {
         })}
       >
         <Show when={props.title}>
-          <h2 class={styles.sliderTitle}>{props.title}</h2>
+          <div class="wide-container">
+            <div class="row">
+              <div class="col-md-12">
+                <h2 class={styles.sliderTitle}>{props.title}</h2>
+              </div>
+            </div>
+          </div>
         </Show>
         <div class={styles.container}>
           <Show when={props.slides?.length > 0}>
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 5a1b2691..d70a4e09 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -847,13 +847,14 @@ figure {
 }
 
 .main-content {
+  flex: 1 100%;
+  min-height: 90vh;
+  padding-top: 80px;
+  position: relative;
+
   @include media-breakpoint-up(lg) {
      padding-top: 130px;
   }
-
-  flex: 1 100%;
-  min-height: 90vh;
-  position: relative;
 }
 
 .main-content--no-padding {