сделал адаптивность reviews
This commit is contained in:
@@ -618,16 +618,25 @@
|
|||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
|
||||||
.reviews-item-content-header__item{
|
|
||||||
margin-top: 16px;
|
|
||||||
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.reviews-item-content-header__item:first-child{
|
.reviews-item-content-header__item{
|
||||||
|
width: 100%;
|
||||||
|
|
||||||
|
/* display: flex; */
|
||||||
|
/* justify-content: space-between; */
|
||||||
|
}
|
||||||
|
.reviews-item-content-header__item:nth-child(2){
|
||||||
|
display: flex;
|
||||||
|
justify-content: end;
|
||||||
|
align-items: start;
|
||||||
|
}
|
||||||
|
.reviews-item-content-header__item .text-2{
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
.reviews-item-content-header__item .text-2:first-child{
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
.reviews-item-content-header__pin{
|
.reviews-item-content-header__pin{
|
||||||
|
|||||||
@@ -452,7 +452,7 @@ main{
|
|||||||
}
|
}
|
||||||
/* how */
|
/* how */
|
||||||
|
|
||||||
/* wrapper */
|
/* free */
|
||||||
@media only screen and (max-width: 992px) {
|
@media only screen and (max-width: 992px) {
|
||||||
.free{
|
.free{
|
||||||
padding: 40px 16px 39px 16px;
|
padding: 40px 16px 39px 16px;
|
||||||
@@ -479,6 +479,52 @@ main{
|
|||||||
align-items: start;
|
align-items: start;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
/* wrapper */
|
|
||||||
|
/* reviews */
|
||||||
|
@media only screen and (max-width: 992px) {
|
||||||
|
.reviews__item{
|
||||||
|
padding-bottom: 71px;
|
||||||
|
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.reviews-item-content-header__img{
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
}
|
||||||
|
.reviews-item-content-header__block{
|
||||||
|
margin-left: 16px;
|
||||||
|
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.reviews-item-content-header__item .text-2{
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
.reviews-item-content-header__item:nth-child(2){
|
||||||
|
margin-top: 12px;
|
||||||
|
|
||||||
|
justify-content: start;
|
||||||
|
}
|
||||||
|
.reviews-item-content__text{
|
||||||
|
margin-top: 24px;
|
||||||
|
}
|
||||||
|
.reviews-item__img{
|
||||||
|
margin-top: 24px;
|
||||||
|
margin-left: 0;
|
||||||
|
|
||||||
|
height: 300px;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.reviews .swiper-pagination{
|
||||||
|
bottom: 87px;
|
||||||
|
|
||||||
|
padding-right: 0px;
|
||||||
|
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.reviews .swiper-pagination-bullet{
|
||||||
|
width: 53px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/* reviews */
|
||||||
|
|
||||||
@media only screen and (max-width: 992px) {}
|
@media only screen and (max-width: 992px) {}
|
||||||
13
index.html
13
index.html
@@ -551,7 +551,7 @@
|
|||||||
</article>
|
</article>
|
||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
<div class="main__item">
|
<!-- <div class="main__item">
|
||||||
<article class="free">
|
<article class="free">
|
||||||
<p class="title-1">
|
<p class="title-1">
|
||||||
Получи проект бесплатно
|
Получи проект бесплатно
|
||||||
@@ -607,9 +607,9 @@
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
<!-- <div class="main__item">
|
<div class="main__item">
|
||||||
<p class="title-1 title--center">
|
<p class="title-1 title--center">
|
||||||
Отзывы клиентов
|
Отзывы клиентов
|
||||||
</p>
|
</p>
|
||||||
@@ -624,11 +624,10 @@
|
|||||||
<div class="reviews-item-content-header__block">
|
<div class="reviews-item-content-header__block">
|
||||||
<div class="reviews-item-content-header__item">
|
<div class="reviews-item-content-header__item">
|
||||||
<p class="text-1">Название клуба</p>
|
<p class="text-1">Название клуба</p>
|
||||||
|
<p class="text-2">ФИО</p>
|
||||||
<p class="reviews-item-content-header__pin text-2">Локация</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="reviews-item-content-header__item">
|
<div class="reviews-item-content-header__item">
|
||||||
<p class="text-2">ФИО</p>
|
<p class="reviews-item-content-header__pin text-2">Локация</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -770,7 +769,7 @@
|
|||||||
<div class="swiper-button-next"></div>
|
<div class="swiper-button-next"></div>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div> -->
|
</div>
|
||||||
|
|
||||||
<!-- <div class="main__item">
|
<!-- <div class="main__item">
|
||||||
<div class="text-form">
|
<div class="text-form">
|
||||||
|
|||||||
Reference in New Issue
Block a user