fixed scroll bug on buttons

mate-academy · Sep 14, 2024 · a9798d3 · a9798d3
1 parent e43245a
commit a9798d3
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 21 deletions.
diff --git a/src/index.html b/src/index.html
@@ -120,14 +120,9 @@ <h1 class="header__title">Strategic Agency</h1>
           We believe in the power of bold ideas that can solve business
           challenges.
         </p>
-        <button class="header__button button button--animated">
-          <a
-            href="#contacts"
-            class="button__link"
-          >
-            Learn more
-          </a>
-        </button>
+        <a href="#contacts" class="header__button button button--animated">
+          Learn more
+        </a>
 
         <div class="header__slider slider">
           <div class="slider__slides">
@@ -591,14 +586,9 @@ <h2 class="vision__title">Vision, Passion, Results</h2>
           We are sure that first-rate job is possible only if all three
           components are united.
         </p>
-        <button class="vision__button button button--animated">
-          <a
-            href="#contacts"
-            class="button__link"
-          >
-            Apply
-          </a>
-        </button>
+        <a href="#contacts" class="vision__button button button--animated">
+          Apply
+        </a>
       </section>
     </main>
 

diff --git a/src/styles/blocks/button.scss b/src/styles/blocks/button.scss
@@ -1,4 +1,10 @@
 .button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  color: $c-white;
+
   &--animated {
     transition: 0.3s;
 
@@ -22,9 +28,4 @@
       filter: brightness(0.9);
     }
   }
-
-  &__link {
-    text-decoration: none;
-    color: $c-white;
-  }
 }