From 27b452b0c01df29dc7703c67a1b2aa7e93ddc8af Mon Sep 17 00:00:00 2001
From: unknown <shioryuu0302@gmail.com>
Date: Thu, 2 Sep 2021 20:10:55 +0700
Subject: [PATCH] styles: FeaturedBlogCard

---
 .../FeaturedCardBlog.module.scss              |  8 +++++--
 .../FeaturedCardBlog/FeaturedCardBlog.tsx     | 22 +++++++++----------
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss b/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss
index c2631bad9..851258bc0 100644
--- a/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss
+++ b/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss
@@ -2,14 +2,18 @@
 
 .featuredCard{
     @apply flex flex-row justify-center spacing-horizontal;
+    .featuredCardWrapper{
+        @apply flex flex-row justify-between;
+        max-width: 121.6rem;
+    }
 }
 .left{
     max-width: 59.8rem;
     min-height: 33.6rem;
 }
 .right{
-    padding-left: 6.4rem;
-    max-width: 61.8rem;
+    margin-left: 6.4rem;
+    max-width: 55.4rem;
     min-height: 16.8rem;
 }
 .titleWrapper{
diff --git a/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.tsx b/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.tsx
index ec37f2b97..f12f49648 100644
--- a/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.tsx
+++ b/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.tsx
@@ -15,19 +15,19 @@ interface FeaturedCardBlogProps{
 const FeaturedCardBlog = ({ title, content, imgSrc, imgAuthor, date, authorName }: FeaturedCardBlogProps) => {
     return (
         <section className={s.featuredCard}>
-
-            <div className={s.left}>
-                <Image src={imgSrc} alt="image feature card"/>
-            </div>
-            <div className={s.right}>
-                <div className={s.titleWrapper}>
-                    <DateTime date={date}/>
-                    <a className={s.title}>{title}</a>
+            <div className={s.featuredCardWrapper}>
+                <div className={s.left}>
+                    <Image src={imgSrc} alt="image feature card"/>
+                </div>
+                <div className={s.right}>
+                    <div className={s.titleWrapper}>
+                        <DateTime date={date}/>
+                        <a className={s.title}>{title}</a>
+                    </div>
+                    <Author name={authorName} image={imgAuthor}/>
+                    <div className={s.content}>{content}</div>
                 </div>
-                <Author name={authorName} image={imgAuthor}/>
-                <div className={s.content}>{content}</div>
             </div>
-
         </section>
     )
 }