сделал адаптивность для projects

This commit is contained in:
Kirill Pet
2024-12-19 01:03:13 +03:00
parent 6bc4c7213c
commit b155852f9c
4 changed files with 279 additions and 155 deletions

View File

@@ -364,6 +364,8 @@
/* projects */
.projects{
}
.projects .swiper-wrapper{
margin: 37px -20px -20px -20px;
display: flex;
@@ -372,7 +374,7 @@
.projects__item{
margin: 20px;
width: calc(50% - 40px);
width: calc(50% - 40px) !important;
display: flex;
flex-direction: column;
@@ -425,6 +427,9 @@
display: flex;
justify-content: center;
}
.projects__counter{
display: none;
}
/* projects */
/* how */

View File

@@ -329,4 +329,79 @@ main{
margin-left: 8px;
}
}
/* gym */
/* gym */
/* projects */
@media only screen and (max-width: 992px) {
.projects{
overflow: hidden;
}
.projects .swiper-wrapper{
margin: 40px 0 0 0;
flex-wrap: nowrap;
}
.projects__item{
margin: 0;
width: 100% !important;
}
.projects-item__img{
height: 200px;
}
.projects-item__content{
padding: 16px;
min-height: auto;
}
.projects-item__tag{
margin-left: 24px;
}
.projects-item__text{
margin-top: 16px;
}
.projects-item__text .text-1{
font-size: 20px;
}
.projects__next{
display: none;
}
.projects__counter{
margin-top: 40px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 18px;
color: var(--text-white);
}
.projects .swiper-button-next::after, .projects .swiper-button-prev::after{
position: static;
font-size: 0;
}
.projects .swiper-button-next, .projects .swiper-button-prev{
position: static;
margin-top: 0;
width: 32px;
height: 32px;
}
.projects .swiper-button-next{
margin-left: 40px;
background-image: url(/assets/img/icon/slider-righ.svg);
background-repeat: no-repeat;
}
.projects .swiper-button-prev{
margin-right: 40px;
background-image: url(/assets/img/icon/slider-left.svg);
background-repeat: no-repeat;
}
}
/* projects */