Compare commits
3 Commits
352e1ead99
...
c007fff12e
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
c007fff12e | ||
|
|
6ae52a7795 | ||
|
|
f801ab4569 |
@@ -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 */
|
||||
|
||||
@@ -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) {}
|
||||
13
index.html
13
index.html
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user