From 8ecb8684eb1d9b3767fb1146f785b1530c92a54c Mon Sep 17 00:00:00 2001
From: tonytc13579 <tony@trustless.computer>
Date: Thu, 4 Jan 2024 14:29:38 +0700
Subject: [PATCH] fix layout

---
 src/modules/home/Section_2/index.tsx | 7 +++----
 src/modules/home/Section_4/index.tsx | 1 -
 src/modules/home/Section_6/index.tsx | 2 +-
 src/modules/home/Section_7/index.tsx | 6 +++---
 4 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/modules/home/Section_2/index.tsx b/src/modules/home/Section_2/index.tsx
index 0495eed04..fc82db8b5 100644
--- a/src/modules/home/Section_2/index.tsx
+++ b/src/modules/home/Section_2/index.tsx
@@ -110,11 +110,10 @@ const Section_2 = () => {
       display={'flex'}
       flex={1}
       overflow={'hidden'}
-      p={[8, 24, 32]}
       justifyContent={'center'}
       alignContent={'center'}
     >
-      <Box className="maxWidth" alignSelf={'center'}>
+      <Box className="maxWidth" alignSelf={'center'} py={['120px']}>
         <Text
           textAlign={'left'}
           fontSize={['24px', '48px']}
@@ -136,7 +135,7 @@ const Section_2 = () => {
                 alignSelf={'center'}
                 position={'absolute'}
                 zIndex={999}
-                left={[-5, -20]}
+                left={[-5, -12]}
               />
             }
             nextArrow={
@@ -148,7 +147,7 @@ const Section_2 = () => {
                 alignSelf={'center'}
                 position={'absolute'}
                 zIndex={999}
-                right={[-5, -20]}
+                right={[-5, -12]}
               />
             }
             infinite={true}
diff --git a/src/modules/home/Section_4/index.tsx b/src/modules/home/Section_4/index.tsx
index 6d0c81e51..54c0e26ce 100644
--- a/src/modules/home/Section_4/index.tsx
+++ b/src/modules/home/Section_4/index.tsx
@@ -58,7 +58,6 @@ const Section_4 = () => {
       display={'flex'}
       flexDirection={'column'}
       py={['120px']}
-      px={['160px']}
     >
       <HStack
         display={'flex'}
diff --git a/src/modules/home/Section_6/index.tsx b/src/modules/home/Section_6/index.tsx
index f0a095dc5..60cd3a012 100644
--- a/src/modules/home/Section_6/index.tsx
+++ b/src/modules/home/Section_6/index.tsx
@@ -107,7 +107,7 @@ const Section_6 = () => {
             own Bitcoin L2 blockchain.
           </Text>
           <Box height={['40px']} />
-          <Flex padding={['24px']} gap={['36px']}>
+          <Flex py={['24px']} gap={['36px']}>
             {CONTENTS.map(renderItem)}
           </Flex>
         </Flex>
diff --git a/src/modules/home/Section_7/index.tsx b/src/modules/home/Section_7/index.tsx
index 46c6ad214..7b2b96004 100644
--- a/src/modules/home/Section_7/index.tsx
+++ b/src/modules/home/Section_7/index.tsx
@@ -41,7 +41,7 @@ const Section_7 = () => {
         }}
       >
         <Card bgColor={'#000'}>
-          <CardBody>
+          <CardBody p={[0]} paddingRight={['20px']}>
             <Image
               src={item.imageUrl}
               alt="thumb image"
@@ -99,7 +99,7 @@ const Section_7 = () => {
                 alignSelf={'center'}
                 position={'absolute'}
                 zIndex={999}
-                left={[-5, -20]}
+                left={[-5, -14]}
               />
             }
             nextArrow={
@@ -111,7 +111,7 @@ const Section_7 = () => {
                 alignSelf={'center'}
                 position={'absolute'}
                 zIndex={999}
-                right={[-5, -20]}
+                right={[-5, -12]}
               />
             }
             infinite={true}