сделал services с адаптивностью
This commit is contained in:
@@ -807,7 +807,7 @@
|
|||||||
aspect-ratio: 1;
|
aspect-ratio: 1;
|
||||||
}
|
}
|
||||||
.services__content{
|
.services__content{
|
||||||
height: 89px;
|
min-height: 89px;
|
||||||
|
|
||||||
/* display: flex; */
|
/* display: flex; */
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -61,4 +61,15 @@
|
|||||||
margin-top: 24px;
|
margin-top: 24px;
|
||||||
}
|
}
|
||||||
/* footer */
|
/* 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{
|
.title-3{
|
||||||
font-size: 32px;
|
font-size: 32px;
|
||||||
}
|
}
|
||||||
|
.title-4{
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
.text-1{
|
.text-1{
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
@@ -538,4 +541,42 @@ main{
|
|||||||
}
|
}
|
||||||
/* text-form */
|
/* 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) {}
|
@media only screen and (max-width: 992px) {}
|
||||||
@@ -771,7 +771,7 @@
|
|||||||
</article>
|
</article>
|
||||||
</div> -->
|
</div> -->
|
||||||
|
|
||||||
<div class="main__item">
|
<!-- <div class="main__item">
|
||||||
<div class="text-form">
|
<div class="text-form">
|
||||||
<div class="text-form__content">
|
<div class="text-form__content">
|
||||||
<p class="title-1">
|
<p class="title-1">
|
||||||
@@ -832,9 +832,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div> -->
|
||||||
|
|
||||||
<!-- <div class="main__item">
|
<div class="main__item">
|
||||||
<p class="title-1">
|
<p class="title-1">
|
||||||
Дополнительные услуги
|
Дополнительные услуги
|
||||||
</p>
|
</p>
|
||||||
@@ -881,7 +881,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
</div> -->
|
</div>
|
||||||
|
|
||||||
<!-- <div class="main__item">
|
<!-- <div class="main__item">
|
||||||
<article class="call">
|
<article class="call">
|
||||||
|
|||||||
Reference in New Issue
Block a user