сделал адаптивность для projects
This commit is contained in:
@@ -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 */
|
||||
|
||||
@@ -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 */
|
||||
Reference in New Issue
Block a user