news sections resp

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">

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

src/styles/_news-section.scss

@@ -13,5 +13,6 @@
 @media (max-width: 1024px) {
   .news-outer-wrapper {
     grid-template-columns: 1fr;
+    gap: 5.6rem;
   }
 }