Merge pull request #1008 from ita-social-projects/develop

Develop
ita-social-projects · Nov 19, 2023 · 3b7d94c · 3b7d94c
2 parents d51d617 + a33b38f
commit 3b7d94c
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/features/MainPage/NewsSlider/NewsSliderItem/NewsSliderItem.styles.scss b/src/features/MainPage/NewsSlider/NewsSliderItem/NewsSliderItem.styles.scss
@@ -87,18 +87,22 @@
         word-break: break-word;
         height: 230px;
         width: f.pxToRem(840px);
+        overflow: hidden;
 
         @include mut.flexed(column, start, space-between, nowrap);
-        @include mut.rem-padded($top: 15px, $right: 30px, $bottom: 25px, $left: 30px);
+        @include mut.rem-padded($top: 15px, $right: 30px, $bottom: 0, $left: 30px);
+        margin-bottom: f.pxToRem(25px);
 
         @media (min-width: 768px) and (max-width: 1024px){
-            @include mut.rem-padded($top: 15px, $right: 40px, $bottom: 10px, $left: 20px);
+            @include mut.rem-padded($top: 15px, $right: 40px, $bottom: 0, $left: 20px);
+            margin-bottom: f.pxToRem(10px);
             height: 190px;
             width: 96vw;
         }
 
         @media (min-width: 360px) and (max-width: 767px) {
-            @include mut.rem-padded($top: 15px, $right: 15px, $bottom: 20px, $left: 15px);
+            @include mut.rem-padded($top: 15px, $right: 15px, $bottom: 0, $left: 15px);
+            margin-bottom: f.pxToRem(20px);
             height: 300px;
             width: auto;
         }