Style: 모바일 화면 크기 다시 돌림

Author: lazy-dinosaur

app/(blog)/page.tsx

@@ -5,7 +5,7 @@ export default async function Home() {
   const posts = await getPosts();
 
   return (
-    <div className="space-y-6 sm:space-y-8 2xl:space-y-10 h-full rounded-lg pb-5 py-10">
+    <div className="space-y-6 sm:space-y-8 2xl:space-y-10 h-full rounded-lg p-1 sm:p-7">
       {/* 헤더 섹션 */}
       <section className="space-y-2 sm:space-y-3 md:space-y-4 ">
         <h1 className="text-lg sm:text-xl lg:text-2xl font-bold">

app/(blog)/posts/[...slug]/page.tsx

@@ -43,7 +43,7 @@ export default async function PostPage({ params }: PostPageProps) {
   const publishPath = post.urlPath.split("/").slice(0, -1).join("/");
 
   return (
-    <article className="rounded-lg p-0 xl:p-7 max-w-3xl mx-auto">
+    <article className="rounded-lg p-2 sm:p-7 max-w-3xl mx-auto">
       {/* 마크다운 콘텐츠 */}
       <div className="min-h-[250px] sm:min-h-[300px]">
         <MarkdownRenderer