From b17386ba487fa22c7df7f2612cbf26429986ebcb Mon Sep 17 00:00:00 2001
From: MaxOvs19 <gshk3669@gmail.com>
Date: Fri, 10 Mar 2023 19:58:47 +0300
Subject: [PATCH] Adaptation slider in mobile

---
 src/components/AuthHeader/authHeader.scss     |  6 ++++
 src/components/SliderWorkers/SliderWorkers.js | 13 +++++++++
 .../SliderWorkers/sliderWorkers.scss          | 28 +++++++++++++++++++
 3 files changed, 47 insertions(+)

diff --git a/src/components/AuthHeader/authHeader.scss b/src/components/AuthHeader/authHeader.scss
index 2249f9b6..a99bc74d 100644
--- a/src/components/AuthHeader/authHeader.scss
+++ b/src/components/AuthHeader/authHeader.scss
@@ -51,3 +51,9 @@
     }
   }
 }
+
+@media (max-width: 575.98px) {
+  .auth-header {
+    display: none;
+  }
+}
diff --git a/src/components/SliderWorkers/SliderWorkers.js b/src/components/SliderWorkers/SliderWorkers.js
index 27c81055..bd2b991e 100644
--- a/src/components/SliderWorkers/SliderWorkers.js
+++ b/src/components/SliderWorkers/SliderWorkers.js
@@ -37,6 +37,10 @@ export const SliderWorkers = ({}) => {
     slidesToScroll: 1,
   };
 
+  if (window.innerWidth < 575) {
+    settings.slidesToShow = 1;
+  }
+
   return (
     <div className="slider-workers">
       <div className="container">
@@ -58,6 +62,15 @@ export const SliderWorkers = ({}) => {
             );
           })}
         </Slider>
+
+        <div className="slider-workers__description">
+          <h2>Дополните свою команду опытными ИТ-специалистами</h2>
+          <p>
+            Даём финансовые, юридические и кадровые гарантии, предоставляем SLA
+            и отвечаем за работу команды. Вам не нужно искать, оформлять или
+            увольнять сотрудника — все хлопоты мы берем на себя.
+          </p>
+        </div>
       </div>
     </div>
   );
diff --git a/src/components/SliderWorkers/sliderWorkers.scss b/src/components/SliderWorkers/sliderWorkers.scss
index f884eb43..df84f434 100644
--- a/src/components/SliderWorkers/sliderWorkers.scss
+++ b/src/components/SliderWorkers/sliderWorkers.scss
@@ -18,6 +18,22 @@
     }
   }
 
+  &__description {
+    margin-top: 55px;
+
+    h2 {
+      font-size: 18px;
+      line-height: 32px;
+    }
+
+    p {
+      margin: 37px 0 0 0;
+      font-size: 16px;
+      line-height: 22px;
+      color: #000000;
+    }
+  }
+
   .slick-list {
     width: 90%;
     margin: 0 auto;
@@ -88,4 +104,16 @@
       background-color: #8ec63f91;
     }
   }
+
+  @media (max-width: 575.98px) {
+    &__title {
+      flex-direction: column;
+      padding: 120px 0 56px 0;
+      text-align: center;
+
+      h3 {
+        margin: 0;
+      }
+    }
+  }
 }