From 8fd95b37d20e2e3481271af379991e5530c25052 Mon Sep 17 00:00:00 2001
From: Yan Zhylavy <yanzhylavy@gmail.com>
Date: Mon, 2 Dec 2024 10:27:33 +0200
Subject: [PATCH] Add horizontal scroll for new-companies block at
 1200px-1511px screen width

---
 FrontEnd/src/pages/LandingPage/Companies/Companies.jsx    | 8 ++++----
 .../src/pages/LandingPage/Companies/Companies.module.css  | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/FrontEnd/src/pages/LandingPage/Companies/Companies.jsx b/FrontEnd/src/pages/LandingPage/Companies/Companies.jsx
index af8d6e44..c73f5c30 100644
--- a/FrontEnd/src/pages/LandingPage/Companies/Companies.jsx
+++ b/FrontEnd/src/pages/LandingPage/Companies/Companies.jsx
@@ -41,11 +41,11 @@ const MainCompanies = ({ isAuthorized }) => {
     }
   }, [newMembers, companylist, searchResults]);
 
-  const companyDataList = windowWidth >= 1200 && windowWidth < 1512
-    ? searchResults.slice(0, 3)
-    : searchResults;
+  const companyDataList = searchResults;
 
   const linkText = windowWidth >= 768 ? 'Всі підприємства' : 'Всі';
+  const antdGutter = windowWidth >= 1200 ? [0, 24] : [0, 24];
+  const antdWrap = windowWidth < 1200;
 
   return (
     <div className={styles['new-companies-main']}>
@@ -63,7 +63,7 @@ const MainCompanies = ({ isAuthorized }) => {
         </div>
       </div>
       <div className={styles['new-companies-block']}>
-        <Row justify={'start'} gutter={[0, 24]}>
+        <Row justify={'start'} gutter={antdGutter} wrap={antdWrap}>
           {companyDataList.map((result, resultIndex) => (
             <Col key={resultIndex} xs={24} md={12} xl={8} xxl={6}>
               <CompanyCard
diff --git a/FrontEnd/src/pages/LandingPage/Companies/Companies.module.css b/FrontEnd/src/pages/LandingPage/Companies/Companies.module.css
index 4103d93d..b42c55d2 100644
--- a/FrontEnd/src/pages/LandingPage/Companies/Companies.module.css
+++ b/FrontEnd/src/pages/LandingPage/Companies/Companies.module.css
@@ -45,6 +45,7 @@
 .new-companies-block {
   width: 375px;
   padding: 18px 0px 38px 0px;
+  overflow: hidden;
 }
 
 
@@ -75,6 +76,8 @@
   .new-companies-block {
     width: 1140px;
     height: 365px;
+    overflow-x: scroll;
+    scrollbar-width: thin;
   }
 
   .new-companies-main__title {
@@ -97,6 +100,7 @@
   .new-companies-block {
     width: 1304px;
     height: 365px;
+    overflow: visible;
   }
 
   .new-companies-main__title {