sol vol--3

mate-academy · Nov 7, 2024 · 4d8e761 · 4d8e761
1 parent 7f18c69
commit 4d8e761
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 15 deletions.
diff --git a/src/index.html b/src/index.html
@@ -37,7 +37,7 @@
         id="header"
       >
         <header class="first-screen__header">
-          <a href="/">
+          <a href="index.html">
             <img
               src="./images/icons/logomain.svg"
               alt="logo"
@@ -46,21 +46,21 @@
           <div class="header__options">
             <div class="header__wrapper">
               <a
-                href="/"
+                href="#"
                 class="specs"
               >
                 specs
               </a>
               <div class="en-ua">
                 <a
-                  href="/"
+                  href="#"
                   class="language active-language"
                 >
                   EN
                 </a>
                 <p class="common-text">/</p>
                 <a
-                  href="/"
+                  href="#"
                   class="language"
                 >
                   UA
@@ -76,21 +76,21 @@
           <div class="header__options-descktop">
             <div class="header__options-specs-en-ua">
               <a
-                href="/"
+                href="#"
                 class="specs"
               >
                 specs
               </a>
               <div class="en-ua">
                 <a
-                  href="/"
+                  href="#"
                   class="language active-language"
                 >
                   EN
                 </a>
                 <p class="common-text">/</p>
                 <a
-                  href="/"
+                  href="#"
                   class="language"
                 >
                   UA
@@ -126,21 +126,21 @@
               </ul>
               <div class="aside__options-specs-en-ua">
                 <a
-                  href="/"
+                  href="#"
                   class="specs"
                 >
                   specs
                 </a>
                 <div class="en-ua">
                   <a
-                    href="/"
+                    href="#"
                     class="language active-language"
                   >
                     EN
                   </a>
                   <p class="common-text">/</p>
                   <a
-                    href="/"
+                    href="#"
                     class="language"
                   >
                     UA
@@ -543,7 +543,7 @@ <h2 class="form__header">DO YOU HAVE ANY QUESTIONS?</h2>
           href="#header"
         ></a>
         <div class="footer__logo">
-          <a href="/">
+          <a href="index.html">
             <img
               src="./images/icons/logomain.svg"
               alt="logo"

diff --git a/src/styles/blocks/benefits.scss b/src/styles/blocks/benefits.scss
@@ -8,9 +8,9 @@
     height: 76px;
     @include on-decktop {
       display: flex;
-      gap: 84px;
+      justify-content: space-between;
+      width: 578px;
       align-self: center;
-      justify-content: center;
       align-items: center;
     }
   }
@@ -29,7 +29,7 @@
   }
 
   &__link {
-    display: block;
+    text-align: center;
     @include thirdary-text;
     color: $main-color;
 

diff --git a/src/styles/blocks/first-screen.scss b/src/styles/blocks/first-screen.scss
@@ -3,6 +3,10 @@
   flex-direction: column;
   gap: 0;
 
+  @include on-tablet {
+    margin-top: 30px;
+  }
+
   @include on-tablet {
     gap: 130px;
   }

diff --git a/src/styles/main.scss b/src/styles/main.scss
@@ -16,6 +16,9 @@
 
 html {
   scroll-behavior: smooth;
+  &:has(.aside:target) {
+    overflow: hidden;
+  }
 }
 
 .main {
@@ -26,6 +29,7 @@ html {
   background: $bgcolor;
 
 
+
   @include on-tablet {
     gap: 140px;
   }

diff --git a/src/styles/utils/_mixins.scss b/src/styles/utils/_mixins.scss
@@ -138,7 +138,7 @@
 
 @mixin thirdary-text {
   font-size: 14px;
-  line-height: 21px;
+  line-height: 20px;
   text-transform: uppercase;
 }