style: grid-layout 모바일 view 수정

Author: seung365

app/(sub)/capsule-detail/[invite-code]/[id]/letters/_components/grid-layout/grid-layout.css.ts

@@ -3,17 +3,21 @@ import { style } from "@vanilla-extract/css";
 
 export const container = style({
   width: "100vw",
-  padding: "2rem",
   maxWidth: "120rem",
+  padding: "0.8rem",
+  ...screen.md({
+    padding: "1.6rem",
+  }),
 });
 
 export const grid = style({
   display: "grid",
   gridTemplateColumns: "repeat(auto-fill, minmax(16.4rem, 1fr))",
-  gap: "2.8rem 1.2rem",
   margin: "0 auto",
   maxWidth: "120rem",
+  gap: "2.4rem 0.8rem",
   ...screen.md({
     gridTemplateColumns: "repeat(auto-fill, minmax(24rem, 1fr))",
+    gap: "2.8rem 1.2rem",
   }),
 });