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

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

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

@ -190,6 +190,9 @@
/* header */ /* header */
/* footer */ /* footer */
.footer{
margin-top: 96px;
}
.footer__wrapper{ .footer__wrapper{
padding: 0 16px; padding: 0 16px;
@ -338,6 +341,8 @@ main{
@media only screen and (max-width: 992px) { @media only screen and (max-width: 992px) {
.projects{ .projects{
overflow: hidden; overflow: hidden;
margin: 0;
} }
.projects .swiper-wrapper{ .projects .swiper-wrapper{
margin: 40px 0 0 0; margin: 40px 0 0 0;
@ -579,4 +584,32 @@ main{
} }
/* services */ /* 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) {} @media only screen and (max-width: 992px) {}

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

Loading…
Cancel
Save