handbook style

Signed-off-by: Sudhanshu Dasgupta <[email protected]>
layer5io · Oct 8, 2024 · 6a62140 · 6a62140
1 parent 0f44e1c
commit 6a62140
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/src/sections/Community/Adventures-of-Five/adventures.style.js b/src/sections/Community/Adventures-of-Five/adventures.style.js
@@ -45,8 +45,10 @@ export const AdventuresWrapper = styled.div`
         padding-top: 7rem;
         margin-top: -7rem;
       }
-      margin-top: -36rem;
-      margin-left: 20rem;
+      @media (min-width: 750px) {
+        margin-top: -36rem;
+        margin-left: 20rem;
+      }
       display: flex;
     }
 

diff --git a/src/sections/Community/Handbook/Handbook.style.js b/src/sections/Community/Handbook/Handbook.style.js
@@ -45,8 +45,10 @@ export const HandbookWrapper = styled.div`
         padding-top: 7rem;
         margin-top: -7rem;
       }
-      margin-top: -36rem;
-      margin-left: 20rem;
+      @media (min-width: 750px) {
+        margin-top: -36rem;
+        margin-left: 20rem;
+      }
       display: flex;
 
       @media screen and (min-width: 768px) and (max-height: 1145px) {