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

fitness
Kirill Pet 8 months ago
parent c007fff12e
commit abc8f59a8e
  1. 2
      assets/css/gp-style-desktop.css
  2. 13
      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;
}
.services__content{
height: 89px;
min-height: 89px;
/* display: flex; */
}

@ -61,4 +61,15 @@
margin-top: 24px;
}
/* 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">

Loading…
Cancel
Save