From 7ae55bf5294ae53b6dab134afe44c62048c6a2d3 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Thu, 20 Oct 2022 18:51:45 +0300
Subject: [PATCH] Main page blocks margins fixes

---
 src/components/Author/Card.module.scss |  4 ++++
 src/components/Discours/Hero.scss      |  4 ----
 src/components/Feed/Beside.module.scss | 10 ++++++++++
 src/components/Feed/Card.module.scss   | 12 +++++++++++-
 src/styles/app.scss                    | 16 ++++++++++------
 5 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/src/components/Author/Card.module.scss b/src/components/Author/Card.module.scss
index 094e4fca..b0b4bb2c 100644
--- a/src/components/Author/Card.module.scss
+++ b/src/components/Author/Card.module.scss
@@ -3,6 +3,10 @@
   display: flex;
   margin-bottom: 2.4rem;
 
+  &:last-child {
+    margin-bottom: 0;
+  }
+
   @include media-breakpoint-down(lg) {
     flex-wrap: wrap;
   }
diff --git a/src/components/Discours/Hero.scss b/src/components/Discours/Hero.scss
index 0a610e2b..1a780d7a 100644
--- a/src/components/Discours/Hero.scss
+++ b/src/components/Discours/Hero.scss
@@ -8,10 +8,6 @@
   padding: 3.6rem 0;
   text-align: center;
 
-  @include media-breakpoint-up(md) {
-    margin-top: -6.4rem;
-  }
-
   h4 {
     margin-bottom: 4rem;
   }
diff --git a/src/components/Feed/Beside.module.scss b/src/components/Feed/Beside.module.scss
index 18cd2468..1e5486ab 100644
--- a/src/components/Feed/Beside.module.scss
+++ b/src/components/Feed/Beside.module.scss
@@ -3,6 +3,10 @@
   list-style-type: none;
   padding-left: 0;
 
+  @include media-breakpoint-up(md) {
+    margin-bottom: 0;
+  }
+
   a {
     border: none;
   }
@@ -16,6 +20,12 @@
 
       &:last-child {
         border: none;
+        margin-bottom: 0;
+        padding-bottom: 0;
+
+        .shoutCardContent {
+          margin-bottom: 0;
+        }
       }
 
       &::before {
diff --git a/src/components/Feed/Card.module.scss b/src/components/Feed/Card.module.scss
index 84664914..3a1b21bd 100644
--- a/src/components/Feed/Card.module.scss
+++ b/src/components/Feed/Card.module.scss
@@ -5,6 +5,12 @@
   margin-bottom: 2.4rem;
   position: relative;
 
+  @include media-breakpoint-up(md) {
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
   &:hover {
     .shoutCardCover img {
       transform: scale(1.05);
@@ -212,6 +218,10 @@
 
   @include media-breakpoint-up(md) {
     margin-bottom: 2em;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
   }
 }
 
@@ -477,7 +487,7 @@
 .shoutCardVertical {
   aspect-ratio: auto;
   height: 100%;
-  margin: 1.6rem 0;
+  margin: 0;
   padding: 0 0 20%;
 
   @include media-breakpoint-up(md) {
diff --git a/src/styles/app.scss b/src/styles/app.scss
index eff04e4b..aee340ae 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -462,15 +462,19 @@ figcaption {
 }
 
 .floor--7 {
-  @include media-breakpoint-down(md) {
-    margin-bottom: 1em;
-  }
-
   .col-md-6 {
-    margin-bottom: 1.6em;
+    @include media-breakpoint-down(lg) {
+      &:nth-child(1),
+      &:nth-child(2) {
+        margin-bottom: 1.6em;
+      }
+    }
 
     @include media-breakpoint-down(md) {
-      margin-right: 0;
+      &:nth-child(3),
+      &:nth-child(4) {
+        margin-bottom: 1.6em;
+      }
     }
   }
 }