From e802bc1b0bb6f1e2356bd6965cb3dedf90faf099 Mon Sep 17 00:00:00 2001
From: unknown <shioryuu0302@gmail.com>
Date: Tue, 7 Sep 2021 09:49:46 +0700
Subject: [PATCH] styles: responsive FeaturedCardBlog

---
 .../FeaturedCardBlog/FeaturedCardBlog.module.scss  | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss b/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss
index 35a5a2a33..ab86d30e0 100644
--- a/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss
+++ b/src/components/modules/blogs/FeaturedCardBlog/FeaturedCardBlog.module.scss
@@ -1,9 +1,15 @@
 @import "../../../../styles/utilities";
 
 .featuredCard{
-    @apply flex flex-row justify-center spacing-horizontal pb-16;
+    @apply flex flex-row justify-start spacing-horizontal pb-16;
+    @screen lg{
+        @apply justify-center;
+    }
     .featuredCardWrapper{
-        @apply flex flex-row justify-between;
+        @apply flex flex-col;
+        @screen lg{
+            @apply flex-row justify-between;
+        }
         max-width: 121.6rem;
     }
 }
@@ -15,8 +21,10 @@
 }
 .right{
     flex-shrink: 3;
-    margin-left: 6.4rem;
     max-width: 55.4rem;
+    @screen lg{
+        margin-left: 6.4rem;
+    }
 }
 .titleWrapper{
     @apply flex flex-col items-start font-heading;