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

This commit is contained in:
Kirill Pet
2024-12-19 02:20:49 +03:00
parent c007fff12e
commit abc8f59a8e
4 changed files with 58 additions and 6 deletions

View File

@@ -807,7 +807,7 @@
aspect-ratio: 1;
}
.services__content{
height: 89px;
min-height: 89px;
/* display: flex; */
}

View File

@@ -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 */

View File

@@ -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) {}

View File

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