From 756c274d7a330b9308711049ac37e4c432d14199 Mon Sep 17 00:00:00 2001
From: Kakabay <kashyrberdyew@gmail.com>
Date: Thu, 9 Feb 2023 16:48:13 +0500
Subject: [PATCH] news sections resp

---
 src/components/global/NewsScroll.tsx |  6 +++---
 src/styles/_aside.scss               | 21 +++++++++++++++++++++
 src/styles/_news-section.scss        |  1 +
 3 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/components/global/NewsScroll.tsx b/src/components/global/NewsScroll.tsx
index 3abe578..4339ac1 100644
--- a/src/components/global/NewsScroll.tsx
+++ b/src/components/global/NewsScroll.tsx
@@ -6,14 +6,14 @@ import placeholder from '../../assets/images/placeholder.jpg';
 
 // Interface
 interface Props {
-  sectionTitle: boolean;
+  state: boolean;
 }
 
-const NewsScroll = ({ sectionTitle }: Props) => {
+const NewsScroll = ({ state }: Props) => {
   return (
     <div className="news-scroll">
       <div className="news-scroll-wrapper">
-        {sectionTitle === true ? (
+        {state === true ? (
           <SectionTitle title="Лента новостей" linkData={{ link: '/', title: 'Посмотреть все' }} />
         ) : null}
         <div className="news-scroll-inner">
diff --git a/src/styles/_aside.scss b/src/styles/_aside.scss
index be0da66..1251438 100644
--- a/src/styles/_aside.scss
+++ b/src/styles/_aside.scss
@@ -24,3 +24,24 @@
   align-items: center;
   justify-content: center;
 }
+
+@media (max-width: 450px) {
+  .aside-wrapper {
+    gap: 3.2rem;
+    padding: 2.4rem 0.8rem;
+  }
+}
+
+@media (max-width: 1024px) {
+  .aside {
+    gap: 0rem;
+  }
+}
+
+// @media (max-width: 1024px) {
+//   .aside {
+//     flex-direction: row;
+//     align-items: flex-start;
+//     gap: 2.4rem;
+//   }
+// }
diff --git a/src/styles/_news-section.scss b/src/styles/_news-section.scss
index e70535d..c590bbb 100644
--- a/src/styles/_news-section.scss
+++ b/src/styles/_news-section.scss
@@ -13,5 +13,6 @@
 @media (max-width: 1024px) {
   .news-outer-wrapper {
     grid-template-columns: 1fr;
+    gap: 5.6rem;
   }
 }