made responsive for mobile

Signed-off-by: Akash Hadagali <[email protected]>
layer5io · May 14, 2021 · ba5ce37 · ba5ce37
1 parent b307f5d
commit ba5ce37
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 15 deletions.
diff --git a/docs/_sass/mailing-list.scss b/docs/_sass/mailing-list.scss
@@ -1,27 +1,29 @@
 .mailing-section {
     background: #1e2117;
     color: white;
-
+    padding: 162px 0;
+    @media #{$mobile} {
+        padding: 87px 0;
+    }
 
-    a, a:hover, a:focus, a:active{
+    a,
+    a:hover,
+    a:focus,
+    a:active {
         text-decoration: none;
         color: inherit;
     }
-
-
+
     .mailinglist-main {
-        margin: 62px auto;
         position: relative;
         display: flex;
-   flex-direction: column;
-    align-items: center;
+        flex-direction: column;
+        align-items: center;
 
         .mailinglist-text {
-
-
             margin-bottom: 40px;
             display: block;
-            span{
+            span {
                 font-size: 34px;
             }
 
@@ -30,8 +32,6 @@
                 margin: 0 3rem;
                 color: white;
                 font-size: 20px;
-
-
             }
         }
 
@@ -40,7 +40,7 @@
             flex-wrap: wrap;
             justify-content: center;
             align-items: center;
-            
+
             .mailinglist-join-button {
                 display: flex;
                 justify-content: center;
@@ -50,11 +50,14 @@
                 height: 56px;
                 border-radius: 5px;
                 margin: 2rem 0 0;
-
             }
 
             .mailinglist-join-button:not(:first-child) {
                 margin-left: 1rem;
+                @media #{$mobile} {
+                    margin-left: 0;
+
+                }
             }
         }
     }

diff --git a/docs/assets/css/main.scss b/docs/assets/css/main.scss
@@ -1,6 +1,6 @@
 ---
 ---
-
+@import "variables.scss";
 @import "getnighthawk.scss";
 @import "faq.scss";
 @import "getnighthawk-purpose.scss";