Fixed gaps on the homepage and article page

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}>

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 {