From 12585aed9dddf6f2e05663fe253940a2972a00f8 Mon Sep 17 00:00:00 2001
From: 1ilsang <1ilsang@naver.com>
Date: Mon, 13 May 2024 09:22:56 +0900
Subject: [PATCH] chore(posts): Enhancement mobile css

---
 src/features/styles/ui/posts/posts.scss | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/features/styles/ui/posts/posts.scss b/src/features/styles/ui/posts/posts.scss
index 0951404b..24989cd9 100644
--- a/src/features/styles/ui/posts/posts.scss
+++ b/src/features/styles/ui/posts/posts.scss
@@ -77,6 +77,10 @@
       background-size: 400% 400%;
       animation: water-rainbow 5s ease infinite;
 
+      @include mobile {
+        border-radius: 40px 80px / 80px 15px;
+      }
+
       .post-description,
       .date-format {
         color: white;
@@ -86,6 +90,11 @@
     .link {
       display: flex;
 
+      @include mobile {
+        flex-direction: column;
+        align-items: center;
+      }
+
       .cover {
         animation: skeleton-gradient 1.8s infinite ease-in-out;
         border-radius: 4px;
@@ -95,10 +104,16 @@
         height: 112.5px;
         object-fit: cover;
         margin-right: 1.5rem;
+
+        @include mobile {
+          width: 250px;
+          height: 130px;
+        }
       }
 
       .content {
         margin-top: 0.5rem;
+        width: 100%;
 
         .title {
           font-size: 1.5rem;
@@ -111,10 +126,6 @@
           margin-bottom: 0.3rem;
         }
       }
-
-      @include mobile {
-        flex-direction: column;
-      }
     }
   }