From b944736868d382f4e065dd04e2a1e0eabc00ca27 Mon Sep 17 00:00:00 2001
From: unknown <shioryuu0302@gmail.com>
Date: Wed, 1 Sep 2021 09:25:31 +0700
Subject: [PATCH] styles: add flex, justify body

---
 .../DeliveryAndPolicyContent.module.scss      |  6 ++--
 .../DeliveryAndPolicyContent.tsx              | 34 ++++++++++---------
 2 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.module.scss b/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.module.scss
index 8b7e42bf6..3ea5108e5 100644
--- a/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.module.scss
+++ b/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.module.scss
@@ -1,8 +1,10 @@
+.wrapper{
+    @apply flex justify-center;
+}
+
 .deliveryAndPolicyContentWrapper{
     max-width: 80.4rem;
     min-height: 4rem;
-    margin-left: 31.8rem;
-    margin-right: 31.8rem;
 }
 
 .titleWrapper{
diff --git a/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.tsx b/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.tsx
index a5c411b42..0709257fc 100644
--- a/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.tsx
+++ b/src/components/modules/delivery-policy/DeliveryAndPolicyContent/DeliveryAndPolicyContent.tsx
@@ -16,25 +16,27 @@ const CONTENT = [
 
 const DeliveryAndPolicyContent = ( { title, date, content } : DeliveryAndPolicyContentProps) => {
     return (
-        <section className={s.deliveryAndPolicyContentWrapper}>
+        <section className={s.wrapper}>
 
-            <div className={s.titleWrapper}>
-                <div className={s.date}>
-                    <div className={s.update}>LASTEST UPDATED:&nbsp;</div>
-                    <DateTime date={date} />
+            <div className={s.deliveryAndPolicyContentWrapper}>
+                <div className={s.titleWrapper}>
+                    <div className={s.date}>
+                        <div className={s.update}>LASTEST UPDATED:&nbsp;</div>
+                        <DateTime date={date} />
+                    </div>
+                    <HeadingCommon>{title}</HeadingCommon>
                 </div>
-                <HeadingCommon>{title}</HeadingCommon>
+                <div className={s.contentContainer}>
+                    {
+                        content.map(item => <CollapseContent content={item} />)
+                    }
+                </div>
+                <CollapseCommon title="This is a subtitle" content={CONTENT} />
+                <CollapseCommon title="This is a subtitle" content={CONTENT} />
+                <CollapseCommon title="This is a subtitle" content={CONTENT} />
+                <CollapseCommon title="This is a subtitle" content={CONTENT} />
+                <CollapseCommon title="This is a subtitle" content={CONTENT} />
             </div>
-            <div className={s.contentContainer}>
-                {
-                    content.map(item => <CollapseContent content={item} />)
-                }
-            </div>
-            <CollapseCommon title="This is a subtitle" content={CONTENT} />
-            <CollapseCommon title="This is a subtitle" content={CONTENT} />
-            <CollapseCommon title="This is a subtitle" content={CONTENT} />
-            <CollapseCommon title="This is a subtitle" content={CONTENT} />
-            <CollapseCommon title="This is a subtitle" content={CONTENT} />
 
         </section>
     )