Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

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

Browse Source
This commit is contained in:
Kirill Pet
2024-12-19 02:55:50 +03:00
parent abc8f59a8e
commit ce39d4028e
4 changed files with 63 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/gp-style-desktop.css
View File

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

8
assets/css/gp-style-mobile.css
View File

@@ -72,4 +72,10 @@
display: none;
}
}
/* services */
/* services */
/* call */
.call .title-3{
font-size: 20px;
}
/* call */

33
assets/css/gp-style-tablet.css
View File

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

28
index.html
View File

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