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

fitness
Kirill Pet 8 months ago
parent c007fff12e
commit abc8f59a8e
  1. 2
      assets/css/gp-style-desktop.css
  2. 11
      assets/css/gp-style-mobile.css
  3. 41
      assets/css/gp-style-tablet.css
  4. 8
      index.html

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

@ -62,3 +62,14 @@
} }
/* 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">

Loading…
Cancel
Save