From 696dd1a95ed00e01b16f40739f9e85f22c4742e6 Mon Sep 17 00:00:00 2001
From: developomp <developomp@gmail.com>
Date: Sun, 9 Jul 2023 10:55:58 +0900
Subject: [PATCH] refactor(blog): widen content area (#77)

---
 apps/blog/src/App.tsx             | 2 +-
 apps/blog/src/components/Card.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/blog/src/App.tsx b/apps/blog/src/App.tsx
index c02b65e..7d84dfd 100644
--- a/apps/blog/src/App.tsx
+++ b/apps/blog/src/App.tsx
@@ -14,7 +14,7 @@ function App() {
     return (
         <>
             <Header />
-            <main className="mx-auto mb-8 mt-20 flex w-full max-w-screen-mobile grow flex-col items-center gap-8 px-8">
+            <main className="mx-auto mb-8 mt-20 flex w-full max-w-screen-mobile grow flex-col items-center gap-8 px-4">
                 <Switch>
                     <Route path="/">
                         <Home />
diff --git a/apps/blog/src/components/Card.tsx b/apps/blog/src/components/Card.tsx
index 86daa21..2c4b74f 100644
--- a/apps/blog/src/components/Card.tsx
+++ b/apps/blog/src/components/Card.tsx
@@ -8,7 +8,7 @@ interface Props {
 export default function Card({ children, className }: Props) {
     return (
         <div
-            className={`${className} flex h-fit w-full max-w-screen-mobile flex-col rounded-md bg-light-card-bg p-8 shadow-lg dark:bg-dark-card-bg`}
+            className={`${className} flex h-fit w-full max-w-screen-mobile flex-col rounded-md bg-light-card-bg px-6 py-8 shadow-lg dark:bg-dark-card-bg`}
         >
             {children}
         </div>