сделал 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; aspect-ratio: 1;
} }
.services__content{ .services__content{
height: 89px; min-height: 89px;
/* display: flex; */ /* display: flex; */
} }

View File

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

View File

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

View File

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