add task solution

mate-academy · Aug 27, 2024 · 12e8992 · 12e8992
1 parent fa5e4a4
commit 12e8992
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 6 deletions.
diff --git a/src/images/png-close.png b/src/images/png-close.png
diff --git a/src/index.html b/src/index.html
@@ -143,6 +143,13 @@ <h1 class="header__title">Strategic Agency</h1>
         class="menu page__menu"
         id="menu"
       >
+        <div>
+          <a
+            href="#"
+            class="menu__icon--close"
+          ></a>
+        </div>
+
         <div class="menu__bottom">
           <nav class="nav menu__nav">
             <ul class="nav__list-aside">

diff --git a/src/styles/blocks/contact-us.scss b/src/styles/blocks/contact-us.scss
@@ -51,8 +51,6 @@
     text-align: left;
     color: #fff;
     text-decoration: none;
-
-    @include hover(transform, scale(1.2));
   }
 
   &__address {
@@ -79,8 +77,6 @@
     text-align: left;
     color: #fff;
     text-decoration: none;
-
-    @include hover(transform, scale(1.2));
   }
 
   &__socials {

diff --git a/src/styles/blocks/expertise.scss b/src/styles/blocks/expertise.scss
@@ -81,7 +81,8 @@
   }
 
   &__article {
-    @include hover(transform, scale(1.2));
+    @include hover(transform, scale(1.1));
+
     &-title {
       margin-bottom: 16px;
       text-align: center;

diff --git a/src/styles/blocks/menu.scss b/src/styles/blocks/menu.scss
@@ -13,6 +13,7 @@
   pointer-events: none;
   transition: all 0.3s;
   transform: translateX(-100%);
+  z-index: 2;
 
   &:target {
     opacity: 1;
@@ -24,4 +25,16 @@
     display: flex;
     justify-content: space-between;
   }
+
+  &__icon--close {
+    display: block;
+    background-image: url(../images/png-close.png);
+    width: 32px;
+    height: 32px;
+    z-index: 3;
+    position: fixed;
+    right: 20px;
+    top: 20px;
+    background-size: cover;
+  }
 }
diff --git a/src/styles/blocks/testimonials.scss b/src/styles/blocks/testimonials.scss
@@ -19,7 +19,7 @@
     background-color: #fff;
     border-radius: 16px;
 
-    @include hover(transform, scale(1));
+    @include hover(transform, scale(1.1));
   }
 
   &__container-title {