сделал services с адаптивностью
This commit is contained in:
@@ -807,7 +807,7 @@
|
||||
aspect-ratio: 1;
|
||||
}
|
||||
.services__content{
|
||||
height: 89px;
|
||||
min-height: 89px;
|
||||
|
||||
/* display: flex; */
|
||||
}
|
||||
|
||||
@@ -62,3 +62,14 @@
|
||||
}
|
||||
/* footer */
|
||||
}
|
||||
|
||||
/* services */
|
||||
@media only screen and (max-width: 576px) {
|
||||
.services__content .title-4{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.services__item .text-2{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
/* services */
|
||||
@@ -17,6 +17,9 @@
|
||||
.title-3{
|
||||
font-size: 32px;
|
||||
}
|
||||
.title-4{
|
||||
font-size: 20px;
|
||||
}
|
||||
.text-1{
|
||||
font-size: 18px;
|
||||
}
|
||||
@@ -538,4 +541,42 @@ main{
|
||||
}
|
||||
/* text-form */
|
||||
|
||||
/* services */
|
||||
@media only screen and (max-width: 992px) {
|
||||
.services{
|
||||
margin: 40px 0 0 0;
|
||||
}
|
||||
.services__item{
|
||||
margin: 24px 0 0 0;
|
||||
|
||||
padding: 16px;
|
||||
|
||||
height: auto;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.services__item:nth-child(n){
|
||||
width: 100%;
|
||||
}
|
||||
.services__item:first-child{
|
||||
margin-top: 0;
|
||||
}
|
||||
.services__img{
|
||||
width: 40px;
|
||||
}
|
||||
.services__content{
|
||||
min-height: auto;
|
||||
}
|
||||
.services__content .title-4{
|
||||
margin-top: 24px;
|
||||
/* margin-bottom: 0; */
|
||||
}
|
||||
.services__item .text-2{
|
||||
/* display: none; */
|
||||
}
|
||||
}
|
||||
/* services */
|
||||
|
||||
@media only screen and (max-width: 992px) {}
|
||||
@@ -771,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">
|
||||
@@ -832,9 +832,9 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- <div class="main__item">
|
||||
<div class="main__item">
|
||||
<p class="title-1">
|
||||
Дополнительные услуги
|
||||
</p>
|
||||
@@ -881,7 +881,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
</div> -->
|
||||
</div>
|
||||
|
||||
<!-- <div class="main__item">
|
||||
<article class="call">
|
||||
|
||||
Reference in New Issue
Block a user