Main page blocks margins fixes

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

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

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 {

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) {

src/styles/app.scss

@@ -462,15 +462,19 @@ figcaption {
 }
 
 .floor--7 {
-  @include media-breakpoint-down(md) {
+  .col-md-6 {
-    margin-bottom: 1em;
+    @include media-breakpoint-down(lg) {
+      &:nth-child(1),
+      &:nth-child(2) {
+        margin-bottom: 1.6em;
+      }
     }
 
-  .col-md-6 {
-    margin-bottom: 1.6em;
-
     @include media-breakpoint-down(md) {
-      margin-right: 0;
+      &:nth-child(3),
+      &:nth-child(4) {
+        margin-bottom: 1.6em;
+      }
     }
   }
 }