fix layout

TrustlessComputer · Jan 4, 2024 · 8ecb868 · 8ecb868
1 parent 9a9c3a8
commit 8ecb868
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 9 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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}