fixed width block "about-us", add cursor pointer for button & add hov…

…er for link"
mate-academy · Oct 18, 2023 · fe8ffeb · fe8ffeb
1 parent 6a0bf95
commit fe8ffeb
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/src/styles/blocks/about-us.scss b/src/styles/blocks/about-us.scss
@@ -8,6 +8,10 @@
   }
 
   @include onDesktop {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
     padding-bottom: 298px;
   }
 
@@ -34,6 +38,16 @@
 
     @include contentPaddingInline;
     @include contentPaddingBlock;
+
+    @include onDesktop {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+      margin-inline: 0;
+      padding-inline: 0;
+      max-width: 100%;
+      width: 100%;
+    }
   }
 
   &__products {

diff --git a/src/styles/blocks/button.scss b/src/styles/blocks/button.scss
@@ -11,6 +11,7 @@
   font-family: $font-family-pop;
   font-size: 15px;
   font-weight: 600;
+  cursor: pointer;
 
   display: flex;
   justify-content: center;

diff --git a/src/styles/blocks/contacts-us.scss b/src/styles/blocks/contacts-us.scss
@@ -60,6 +60,11 @@
         font-weight: 600;
         line-height: 150%;
         text-decoration: none;
+        transition: color 0.3s ease;
+
+        &:hover {
+          color: $active-color;
+        }
       }
 
       &--link {