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

fitness
Kirill Pet 8 months ago
parent f801ab4569
commit 6ae52a7795
  1. 17
      assets/css/gp-style-desktop.css
  2. 50
      assets/css/gp-style-tablet.css
  3. 13
      index.html

@ -618,16 +618,25 @@
margin-left: 40px; margin-left: 40px;
width: 100%; width: 100%;
display: flex;
justify-content: space-between;
} }
.reviews-item-content-header__item{ .reviews-item-content-header__item{
margin-top: 16px;
width: 100%; width: 100%;
/* display: flex; */
/* justify-content: space-between; */
}
.reviews-item-content-header__item:nth-child(2){
display: flex; display: flex;
justify-content: space-between; justify-content: end;
align-items: start;
}
.reviews-item-content-header__item .text-2{
margin-top: 16px;
} }
.reviews-item-content-header__item:first-child{ .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) {}

@ -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">

Loading…
Cancel
Save