Fixed wide blocks

exzo-projects · Feb 9, 2024 · 569631c · 569631c
1 parent 522d45b
commit 569631c
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 14 deletions.
diff --git a/app/css/app.min.css b/app/css/app.min.css
diff --git a/app/styles/blocks/_catalog.scss b/app/styles/blocks/_catalog.scss
@@ -40,6 +40,10 @@
     border-radius: 3px;
     height: auto !important;
 
+    &.swiper-slide {
+      display: flex;
+    }
+
     &:hover & {
       &_title {
         color: $green;

diff --git a/app/styles/blocks/_hero.scss b/app/styles/blocks/_hero.scss
@@ -43,15 +43,18 @@
   }
 
   &__slider {
-    margin-top: 55px;
+    max-width: 1920px;
+    margin: 55px auto 0 auto;
   }
 
-  &__container:not(.swiper-initialized) {
-    & .swiper-wrapper {
-      display: grid;
-      grid-template-columns: repeat(3, 1fr);
-      grid-gap: 10px;
-      box-sizing: border-box;
+  &__container {
+    &:not(.swiper-initialized) {
+      & .swiper-wrapper {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        grid-gap: 10px;
+        box-sizing: border-box;
+      }
     }
   }
 

diff --git a/app/styles/blocks/_price.scss b/app/styles/blocks/_price.scss
@@ -5,8 +5,7 @@
     display: block;
     text-align: center;
     max-width: 680px;
-    margin: 0 auto;
-    margin-bottom: 40px;
+    margin: 0 auto 40px;
   }
 
   &__table {

diff --git a/app/styles/blocks/_promo.scss b/app/styles/blocks/_promo.scss
@@ -14,12 +14,16 @@
     color: rgba(232, 232, 232, 0.02);
   }
 
+  &__slider {
+    max-width: 1920px;
+    margin: 0 auto;
+  }
+
   &__title {
     display: block;
     text-align: center;
     max-width: 930px;
-    margin: 0 auto;
-    margin-bottom: 70px;
+    margin: 0 auto 70px;
   }
 
   &__item {

diff --git a/app/styles/blocks/_works.scss b/app/styles/blocks/_works.scss
@@ -5,8 +5,7 @@
     text-align: center;
     display: block;
     max-width: 470px;
-    margin: 0 auto;
-    margin-bottom: 30px;
+    margin: 0 auto 30px;
   }
 
   &__items {