From 6a62140f696f56aed5fe65600ca579397dac789f Mon Sep 17 00:00:00 2001 From: Sudhanshu Dasgupta Date: Tue, 8 Oct 2024 06:59:07 +0530 Subject: [PATCH] handbook style Signed-off-by: Sudhanshu Dasgupta --- .../Community/Adventures-of-Five/adventures.style.js | 6 ++++-- src/sections/Community/Handbook/Handbook.style.js | 6 ++++-- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/src/sections/Community/Adventures-of-Five/adventures.style.js b/src/sections/Community/Adventures-of-Five/adventures.style.js index ea472d49a039..88a50f319dc6 100644 --- 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 index 523f63b74252..68a77ec63999 100644 --- 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) {