3 Commits

Author SHA1 Message Date
Kirill Pet
c007fff12e сделал адаптивность text-form 2024-12-19 02:10:34 +03:00
Kirill Pet
6ae52a7795 сделал адаптивность reviews 2024-12-19 02:05:24 +03:00
Kirill Pet
f801ab4569 сделал адаптивность free 2024-12-19 01:50:01 +03:00
3 changed files with 113 additions and 13 deletions

View File

@@ -618,16 +618,25 @@
margin-left: 40px;
width: 100%;
}
.reviews-item-content-header__item{
margin-top: 16px;
width: 100%;
display: flex;
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;
}
.reviews-item-content-header__pin{
@@ -756,6 +765,12 @@
align-items: start;
}
@media only screen and (min-width: 992px) and (max-width: 1082px) {
.text-form__form{
width: 40%;
}
}
/* text and form */
/* services */

View File

@@ -452,4 +452,90 @@ main{
}
/* how */
/* free */
@media only screen and (max-width: 992px) {
.free{
padding: 40px 16px 39px 16px;
}
.free__content{
margin-top: 40px;
width: 100%;
}
.form__item--two{
flex-direction: column;
}
.form__item--two .input__block{
width: 100%;
}
.form__item--two .input__block:nth-child(2){
margin-top: 16px;
}
.form__additional,
.form input[type=submit]{
margin-top: 24px;
}
.form__checkbox-block{
align-items: start;
}
}
/* 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 */
/* text-form */
@media only screen and (max-width: 992px) {
.text-form__form{
display: none;
}
.text-form__content .text-2{
margin-top: 24px;
}
}
/* text-form */
@media only screen and (max-width: 992px) {}

View File

@@ -431,7 +431,7 @@
</div>
</div> -->
<div class="main__item">
<!-- <div class="main__item">
<p class="title-1">
Как мы это делаем? Не так просто, как кажется!
</p>
@@ -549,7 +549,7 @@
</div>
</div>
</article>
</div>
</div> -->
<!-- <div class="main__item">
<article class="free">
@@ -624,11 +624,10 @@
<div class="reviews-item-content-header__block">
<div class="reviews-item-content-header__item">
<p class="text-1">Название клуба</p>
<p class="reviews-item-content-header__pin text-2">Локация</p>
<p class="text-2">ФИО</p>
</div>
<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>
@@ -772,7 +771,7 @@
</article>
</div> -->
<!-- <div class="main__item">
<div class="main__item">
<div class="text-form">
<div class="text-form__content">
<p class="title-1">
@@ -833,7 +832,7 @@
</div>
</div>
</div> -->
</div>
<!-- <div class="main__item">
<p class="title-1">