diff --git a/src/components/AuthHeader/authHeader.scss b/src/components/AuthHeader/authHeader.scss
index a99bc74d..6cef0a80 100644
--- a/src/components/AuthHeader/authHeader.scss
+++ b/src/components/AuthHeader/authHeader.scss
@@ -52,7 +52,13 @@
}
}
-@media (max-width: 575.98px) {
+@media (max-width: 768px) {
+ .auth-header {
+ display: none;
+ }
+}
+
+@media (max-width: 1024px) {
.auth-header {
display: none;
}
diff --git a/src/components/SideBar/sidebar.scss b/src/components/SideBar/sidebar.scss
index bf5abfd6..441a7ef4 100644
--- a/src/components/SideBar/sidebar.scss
+++ b/src/components/SideBar/sidebar.scss
@@ -7,12 +7,16 @@
height: 100%;
background: #e1fccf;
- @media (max-width: 575.98px) {
+ @media (max-width: 1024px) {
position: fixed;
- width: 100%;
+ width: 100% !important;
height: 80px;
margin-bottom: 50px;
}
+
+ @media (max-width: 1440px) {
+ width: 80px;
+ }
}
.auth-title {
@@ -71,7 +75,7 @@
}
}
- @media (max-width: 575.98px) {
+ @media (max-width: 1024px) {
flex-direction: row;
height: 100%;
@@ -170,7 +174,7 @@
}
}
- @media (max-width: 575.98px) {
+ @media (max-width: 1024px) {
&__title {
margin-top: 35px;
}
@@ -190,7 +194,7 @@
width: 424px;
left: 140px;
- @media (max-width: 575.98px) {
+ @media (max-width: 1024px) {
left: 0;
width: 100%;
height: 535px;
diff --git a/src/components/SliderWorkers/SliderWorkers.js b/src/components/SliderWorkers/SliderWorkers.js
index 56c1bff7..18b58b82 100644
--- a/src/components/SliderWorkers/SliderWorkers.js
+++ b/src/components/SliderWorkers/SliderWorkers.js
@@ -39,6 +39,8 @@ export const SliderWorkers = ({}) => {
if (window.innerWidth < 575) {
settings.slidesToShow = 1;
+ } else if (window.innerWidth < 1440) {
+ settings.slidesToShow = 2;
}
return (
diff --git a/src/components/SliderWorkers/sliderWorkers.scss b/src/components/SliderWorkers/sliderWorkers.scss
index 2fc3bb5b..46efcdd4 100644
--- a/src/components/SliderWorkers/sliderWorkers.scss
+++ b/src/components/SliderWorkers/sliderWorkers.scss
@@ -105,7 +105,7 @@
}
}
- @media (max-width: 575.98px) {
+ @media (max-width: 1024px) {
&__title {
flex-direction: column;
padding: 120px 0 56px 0;
diff --git a/src/pages/AuthForDevelopers/AuthForDevelopers.js b/src/pages/AuthForDevelopers/AuthForDevelopers.js
index ab071586..92cd06a7 100644
--- a/src/pages/AuthForDevelopers/AuthForDevelopers.js
+++ b/src/pages/AuthForDevelopers/AuthForDevelopers.js
@@ -40,7 +40,7 @@ const AuthForDevelopers = () => {