adjusted code

mate-academy · Nov 28, 2024 · 915f7f1 · 915f7f1
1 parent 1bbf187
commit 915f7f1
Show file tree

Hide file tree

Showing 8 changed files with 1,108 additions and 140 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -44,6 +44,7 @@
     }
   },
   "dependencies": {
+    "backstopjs": "^6.2.2",
     "font-awesome": "^4.7.0"
   }
 }
diff --git a/src/index.html b/src/index.html
@@ -80,7 +80,6 @@ <h1 class="header__title">Strategic Agency</h1>
           <a href="#" class="header__btn">Learn more</a>
         </div>
 
-
         <div class="slider">
           <div class="slides">
             <div class="slide">

diff --git a/src/styles/blocks/header.scss b/src/styles/blocks/header.scss
@@ -12,12 +12,10 @@
 
     @include content-padding-inline;
 
-    display: flex;
-    flex-direction: column;
-
     @include on-desktop {
-      margin-top: 160px;
       grid-column: span 4;
+      margin: 0 auto;
+      margin-top: 168px;
     }
   }
 
@@ -84,6 +82,10 @@
     line-height: 27px;
     margin-bottom: 72px;
     text-align: left;
+
+    @include on-desktop {
+      grid-column: span 4;
+    }
   }
 
   &__btn {

diff --git a/src/styles/blocks/page.scss b/src/styles/blocks/page.scss
@@ -8,13 +8,14 @@
   &__body {
     margin: 0;
     padding: 0;
+    min-width: 100%;
     background: $c-gray;
     overflow-x: hidden;
   }
 }
 
 .container {
   @include content-padding-inline;
-  
-  width: 100%;
+
+  margin: 0 auto;
 }
diff --git a/src/styles/blocks/slider.scss b/src/styles/blocks/slider.scss
@@ -8,6 +8,7 @@
 
   @include on-desktop {
     grid-column: 7/13;
+    grid-row: span 4;
     border-top-left-radius: 30px;
     border-top-right-radius: 0;
     border-bottom-left-radius: 0;

diff --git a/src/styles/blocks/what-we-do.scss b/src/styles/blocks/what-we-do.scss
@@ -1,5 +1,5 @@
 .what-we-do {
-  width: 100%;
+  min-width: 100%;
   margin: 0 auto;
   background-color: $text-color;
   border-radius: 30px;
@@ -27,6 +27,9 @@
 
   &__cards {
     @include page-grid;
+
+    justify-items: center;
+    align-items: center;
   }
 }
 

diff --git a/src/styles/utils/_mixins.scss b/src/styles/utils/_mixins.scss
@@ -32,19 +32,16 @@
 
   @include on-desktop {
     max-width: 1024px;
-    margin-inline: auto;
     padding-inline: 54px;
   }
 
   @include on-desktop-l {
     max-width: 1600px;
-    margin-inline: auto;
     padding-inline: 227px;
   }
 
   @include on-desktop-xl {
     max-width: 2560px;
-    margin-inline: auto;
     padding-inline: 707px;
   }
 }
@@ -79,7 +76,7 @@
 
   @include on-tablet {
     --columns: 6;
-    
+
     column-gap: 24px;
   }