Adaptation slider in mobile
This commit is contained in:
parent
cb937dd790
commit
b17386ba48
@ -51,3 +51,9 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575.98px) {
|
||||||
|
.auth-header {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@ -37,6 +37,10 @@ export const SliderWorkers = ({}) => {
|
|||||||
slidesToScroll: 1,
|
slidesToScroll: 1,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
if (window.innerWidth < 575) {
|
||||||
|
settings.slidesToShow = 1;
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="slider-workers">
|
<div className="slider-workers">
|
||||||
<div className="container">
|
<div className="container">
|
||||||
@ -58,6 +62,15 @@ export const SliderWorkers = ({}) => {
|
|||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
</Slider>
|
</Slider>
|
||||||
|
|
||||||
|
<div className="slider-workers__description">
|
||||||
|
<h2>Дополните свою команду опытными ИТ-специалистами</h2>
|
||||||
|
<p>
|
||||||
|
Даём финансовые, юридические и кадровые гарантии, предоставляем SLA
|
||||||
|
и отвечаем за работу команды. Вам не нужно искать, оформлять или
|
||||||
|
увольнять сотрудника — все хлопоты мы берем на себя.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
@ -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 {
|
.slick-list {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
@ -88,4 +104,16 @@
|
|||||||
background-color: #8ec63f91;
|
background-color: #8ec63f91;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 575.98px) {
|
||||||
|
&__title {
|
||||||
|
flex-direction: column;
|
||||||
|
padding: 120px 0 56px 0;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
h3 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user