웹 페이지 프론트엔드 UI 수정

- 모바일에서 봤을 때 UI/UX 이상하고 불편했던 부분 수정
 - 블로그 글 모바일 크기 시 리스트 아래로 글이 내려가는 부분 수정
 - 전체 배경 이어 붙이기가 아닌 고정으로 스크롤 시에도 어색하지 않게 수정

src/pages/home/Home.css

@@ -308,3 +308,51 @@
         grid-template-columns: 1fr;
     }
 }
+
+@media (max-width: 768px) {
+    .home-hero h1 {
+        font-size: clamp(24px, 6vw, 36px);
+    }
+
+    .home-grid {
+        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
+        gap: 12px;
+    }
+
+    .home-card {
+        padding: 14px;
+        gap: 12px;
+    }
+
+    .home-card__title {
+        font-size: 16px;
+    }
+
+    .home-card__desc {
+        font-size: 13px;
+    }
+
+    .home-posts {
+        gap: 10px;
+    }
+
+    .home-post {
+        padding: 14px 16px;
+    }
+
+    .home-post__title {
+        font-size: 16px;
+    }
+
+    .home-profile__card {
+        padding: 18px;
+    }
+
+    .home-profile__name {
+        font-size: 16px;
+    }
+
+    .home-profile__bio {
+        font-size: 14px;
+    }
+}

src/pages/home/Home.jsx

@@ -16,8 +16,7 @@ const Home = () => {
                     <p className="home-hero__kicker">Personal Archive</p>
                     <h1>기록을 모으고, 이야기를 이어붙이는 작은 집.</h1>
                     <p className="home-hero__lead">
-                        개발 실험, 여행 스냅, 그리고 생각을 모아두는 공간입니다. 블로그 글은
-                        마크다운으로 작성해 계속 추가할 수 있어요.
+                        개발, 여행 스냅, 그리고 생각을 모아두는 공간입니다.
                     </p>
                     <div className="home-hero__actions">
                         <Link className="button primary" to="/blog">