add fixes required

mate-academy · Nov 27, 2024 · dca8527 · dca8527
1 parent 5736f7b
commit dca8527
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 4 deletions.
diff --git a/src/styles/blocks/expertise.scss b/src/styles/blocks/expertise.scss
@@ -17,6 +17,7 @@
     gap: 56px;
     padding-bottom: 72px;
     padding-top: 56px;
+    justify-content: center;
 
     @include on-tablet {
       gap: 72px;

diff --git a/src/styles/blocks/menu.scss b/src/styles/blocks/menu.scss
@@ -5,13 +5,21 @@
   inset: 0;
   opacity: 0;
   pointer-events: none;
-  display: none;
-  transition: opacity 0.3s ease-in-out;
+  visibility: hidden;
+  transform: translateX(-100%);
+  transition:
+    opacity 0.3s ease-in-out,
+    transform 0.3s ease-in-out,
+    visibility 0s linear 0.3s;
 
   &:target {
     opacity: 1;
     pointer-events: all;
-    display: block;
+    visibility: visible;
+    transform: translateX(0);
+    transition:
+      opacity 0.3s ease-in-out,
+      transform 0.3s ease-in-out;
   }
 
   &__nav {

diff --git a/src/styles/blocks/services.scss b/src/styles/blocks/services.scss
@@ -6,6 +6,7 @@
 
     @include on-tablet {
       gap: 56px;
+      justify-content: center;
     }
   }
 
@@ -37,7 +38,8 @@
 
     @include on-tablet {
       flex-flow: row wrap;
-      width: 558px;
+      width: 100%;
+      justify-content: center;
     }
 
     @include on-desktop {

diff --git a/src/styles/blocks/testimonials.scss b/src/styles/blocks/testimonials.scss
@@ -18,6 +18,7 @@
     align-items: center;
     gap: 24px;
     padding-top: 48px;
+    justify-content: center;
 
     @include on-tablet {
       gap: 30px;