feat: remove button style & adjust style

okp4 · Dec 9, 2022 · b95c0da · b95c0da
1 parent e8c8e9e
commit b95c0da
Showing 1 changed file with 6 additions and 45 deletions.
diff --git a/src/components/layout/header/header.scss b/src/components/layout/header/header.scss
@@ -10,7 +10,7 @@
   background-position: top;
   background-size: cover;
   background-repeat: no-repeat;
-  row-gap: 65px;
+  row-gap: 10px;
   padding-bottom: 70px;
 
   a {
@@ -37,9 +37,10 @@
   }
 
   .okp4-nemeton-web-header-title-container {
-    grid-area: 1 / 1 / 1 / 1;
+    grid-area: 1 / 1 / 3 / 1;
     max-width: 390px;
     justify-self: end;
+    align-self: center;
 
     @media screen and (max-width: 1440px) {
       grid-area: 2 / 1 / 2 / 1;
@@ -86,46 +87,6 @@
     }
   }
 
-  .okp4-nemeton-web-header-join-button-container {
-    grid-area: 2 / 1 / 2 / 1;
-    justify-self: end;
-    align-self: end;
-    @media screen and (max-width: 580px) {
-      width: 100%;
-      grid-area: 5/1/5/3;
-    }
-    @media screen and (min-width: 581px) and (max-width: 1440px) {
-      grid-area: 5 / 1 / 5 / 1;
-      justify-self: center;
-    }
-
-    button {
-      align-self: flex-end;
-      width: 453px;
-      height: 93px;
-      background: $primary-white 0% 0% no-repeat padding-box;
-      border: unset;
-      color: #1f403c;
-      cursor: pointer;
-      font-family: 'Six Caps', sans-serif;
-      font-size: 60px;
-
-      @media screen and (max-width: 1440px) {
-        max-width: 255px;
-        height: 71px;
-        font-size: 45px;
-        letter-spacing: 1.8px;
-      }
-
-      @media screen and (max-width: 580px) {
-        width: 100%;
-        height: 93px;
-        font-size: 50px;
-        max-width: unset;
-      }
-    }
-  }
-
   .okp4-nemeton-web-header-logo-container {
     grid-area: 1 / 2 / 1 / 2;
     position: relative;
@@ -142,7 +103,7 @@
 
   .okp4-nemeton-web-header-description-container {
     grid-area: 2 / 2 / 3 / 3;
-    max-width: 340px;
+    max-width: 360px;
     text-align: center;
     align-self: start;
     padding-bottom: 14px;
@@ -183,12 +144,12 @@
     justify-content: space-around;
     max-width: 900px;
     width: 100%;
-    margin: 50px 0 218px;
+    margin: 180px 0 218px;
     @media screen and (max-width: 1440px) {
       grid-area: 6 / 1 / 6 / 1;
       max-width: 800px;
       width: 100%;
-      margin-top: 60px;
+      margin-top: 100px;
     }
 
     .link-label {