Adaptation slider in mobile

src/components/AuthHeader/authHeader.scss

@@ -51,3 +51,9 @@
     }
   }
 }
+
+@media (max-width: 575.98px) {
+  .auth-header {
+    display: none;
+  }
+}

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>
   );

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