From f0c9f85546a08c92c785656ed4580de6fc9acad2 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Thu, 23 Nov 2023 22:02:55 +0300
Subject: [PATCH] Fixed blocks bottom paddings for mobile

---
 src/components/Feed/Group.scss |  6 +++++-
 src/components/Feed/Row3.tsx   |  4 +++-
 src/styles/app.scss            | 10 ++++++++++
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/components/Feed/Group.scss b/src/components/Feed/Group.scss
index 196b0584..b875ec05 100644
--- a/src/components/Feed/Group.scss
+++ b/src/components/Feed/Group.scss
@@ -36,7 +36,11 @@
 
 .floor--group {
   background: #e8e5f0;
-  padding: 4rem 0 3rem;
+  padding: 4rem 0 0;
+
+  @include media-breakpoint-up(md) {
+    padding-bottom: 3rem;
+  }
 
   @include media-breakpoint-down(sm) {
     .col-lg-12 {
diff --git a/src/components/Feed/Row3.tsx b/src/components/Feed/Row3.tsx
index e4896b92..52045fa0 100644
--- a/src/components/Feed/Row3.tsx
+++ b/src/components/Feed/Row3.tsx
@@ -17,7 +17,9 @@ export const Row3 = (props: {
       <div class="floor">
         <div class="wide-container">
           <div class="row">
-            <div class="floor-header">{props.header}</div>
+            <Show when={props.header}>
+              <div class="floor-header">{props.header}</div>
+            </Show>
             <For each={props.articles}>
               {(a) => (
                 <div class="col-md-8">
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 12b1f0eb..376ab52d 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -719,6 +719,10 @@ figure {
   }
 }
 
+.floor-header {
+  margin-bottom: 0 !important;
+}
+
 .floor {
   @include media-breakpoint-up(md) {
     margin-bottom: 6.4rem;
@@ -810,6 +814,12 @@ figure {
 }
 
 .row {
+  @include media-breakpoint-down(md) {
+    > * {
+      margin-bottom: 2.4rem;
+    }
+  }
+
   @include media-breakpoint-down(sm) {
     margin-left: divide(-$container-padding-x, 2);
     margin-right: divide(-$container-padding-x, 2);