доделал основу адаптивности

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

@ -364,10 +364,9 @@
/* projects */
.projects{
margin: 37px -20px -20px -20px;
}
.projects .swiper-wrapper{
margin: 37px -20px -20px -20px;
display: flex;
flex-wrap: wrap;
}
@ -737,6 +736,9 @@
.text-form__content{
width: 100%;
}
.text-form__content .text-2{
margin-top: 40px;
}
.text-form__form{
margin-left: 40px;
@ -843,5 +845,10 @@
flex-direction: column;
justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1063px) {
.call__content{
width: 100%;
}
}
/* call */
@media only screen and (min-width: 992px) and (max-width: 1032px) {}

@ -73,3 +73,9 @@
}
}
/* services */
/* call */
.call .title-3{
font-size: 20px;
}
/* call */

@ -190,6 +190,9 @@
/* header */
/* footer */
.footer{
margin-top: 96px;
}
.footer__wrapper{
padding: 0 16px;
@ -338,6 +341,8 @@ main{
@media only screen and (max-width: 992px) {
.projects{
overflow: hidden;
margin: 0;
}
.projects .swiper-wrapper{
margin: 40px 0 0 0;
@ -579,4 +584,32 @@ main{
}
/* services */
/* call */
@media only screen and (max-width: 992px) {
.call{
padding: 40px 16px 39px 16px;
}
.call__content{
margin-top: 40px;
width: 100%;
height: auto;
flex-direction: column;
}
.call__item{
margin-top: 24px;
}
.call__item:first-child{
margin-top: 0;
}
.call__item a{
margin-top: 24px;
}
.call__item a:first-child{
margin-top: 0;
}
}
/* call */
@media only screen and (max-width: 992px) {}

@ -187,7 +187,7 @@
</header>
<main class="wrapper">
<!-- <article class="space">
<article class="space">
<p class="title-1">
Создаем пространства, которые работают
</p>
@ -297,9 +297,9 @@
</div>
</div>
</article>
</div> -->
</div>
<!-- <div class="main__item">
<div class="main__item">
<p class="title-1">
Разработанные проекты
</p>
@ -429,9 +429,9 @@
все проекты
</a>
</div>
</div> -->
</div>
<!-- <div class="main__item">
<div class="main__item">
<p class="title-1">
Как мы это делаем? Не так просто, как кажется!
</p>
@ -549,9 +549,9 @@
</div>
</div>
</article>
</div> -->
</div>
<!-- <div class="main__item">
<div class="main__item">
<article class="free">
<p class="title-1">
Получи проект бесплатно
@ -607,9 +607,9 @@
</form>
</div>
</article>
</div> -->
</div>
<!-- <div class="main__item">
<div class="main__item">
<p class="title-1 title--center">
Отзывы клиентов
</p>
@ -769,9 +769,9 @@
<div class="swiper-button-next"></div>
</div>
</article>
</div> -->
</div>
<!-- <div class="main__item">
<div class="main__item">
<div class="text-form">
<div class="text-form__content">
<p class="title-1">
@ -832,7 +832,7 @@
</div>
</div>
</div> -->
</div>
<div class="main__item">
<p class="title-1">
@ -883,7 +883,7 @@
</article>
</div>
<!-- <div class="main__item">
<div class="main__item">
<article class="call">
<p class="title-1">
Свяжитесь с нами
@ -906,7 +906,7 @@
</div>
</div>
</article>
</div> -->
</div>
</main>
<footer class="footer">

Loading…
Cancel
Save