Improved layout

mate-academy · Dec 19, 2024 · dbfa188 · dbfa188
1 parent c163a34
commit dbfa188
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/src/index.html b/src/index.html
@@ -423,7 +423,7 @@ <h2 class="title vision__title">
               We are sure that first-rate job is possible only if all three components are united.
             </p>
           </div>
-          <a href="#contact-us" class="vision__button">
+          <a href="#message" class="vision__button">
             <p class="vision__button--text">
               Apply
             </p>
@@ -433,7 +433,7 @@ <h2 class="title vision__title">
     </main>
     <footer class="footer">
       <div class="footer__elements">
-        <div class="forms footer__forms">
+        <div class="forms footer__forms" id="message">
           <h2 class="forms__title">
             Send us  a message
           </h2>

diff --git a/src/styles/blocks/footer.scss b/src/styles/blocks/footer.scss
@@ -10,16 +10,12 @@
   &__elements {
     background-color: rgba(44, 44, 44, 1);
     box-sizing: border-box;
-    padding: 72px 20px 80px;
+    padding-bottom: 80px;
     border-top-left-radius: 24px;
     border-top-right-radius: 24px;
 
     @include grid;
     @include padding-inline;
-
-    @include for-small-desktop {
-      padding-top: 180px;
-    }
   }
 
   &__navigation {

diff --git a/src/styles/blocks/forms.scss b/src/styles/blocks/forms.scss
@@ -3,8 +3,10 @@
   flex-direction: column;
   justify-content: center;
   grid-column: 1 /3;
+  padding-top: 72px;
 
   @include for-tablet {
+    padding-top: 180px;
     grid-column: 1 / 5;
   }