From b452ebbe52110d28350915079a542f8608d70388 Mon Sep 17 00:00:00 2001
From: Yun Chan <yunchan@twentyoz.kr>
Date: Wed, 8 Apr 2026 11:50:57 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=9E=88=EC=8A=A4=ED=86=A0=EB=A6=AC=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20=EB=B0=98=EC=9D=91=ED=98=95=20?=
 =?UTF-8?q?=EA=B7=B8=EB=A6=AC=EB=93=9C=20=EB=A0=88=EC=9D=B4=EC=95=84?=
 =?UTF-8?q?=EC=9B=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

단일 열 리스트 → CSS Grid (1~3열 반응형).
maxWidth: 900 제한 제거 → 전체 너비 활용.
---
 src/renderer/pages/HistoryPage.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/renderer/pages/HistoryPage.tsx b/src/renderer/pages/HistoryPage.tsx
index 20d2163..a5208da 100644
--- a/src/renderer/pages/HistoryPage.tsx
+++ b/src/renderer/pages/HistoryPage.tsx
@@ -84,7 +84,7 @@ export function HistoryPage(): React.ReactElement {
   }, [activeTag])
 
   return (
-    <Box sx={{ maxWidth: 900, mx: 'auto', p: 4 }}>
+    <Box sx={{ mx: 'auto', p: 4 }}>
       {/* 페이지 헤더 -- 각인 스타일 */}
       <PageHeader
         title={t('history.title').toUpperCase()}
@@ -176,8 +176,16 @@ export function HistoryPage(): React.ReactElement {
               </PhosphorText>
             </Box>
 
-            {/* 항목 */}
-            <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>
+            {/* 항목 — 반응형 그리드 */}
+            <Box sx={{
+              display: 'grid',
+              gridTemplateColumns: {
+                xs: '1fr',
+                sm: 'repeat(2, 1fr)',
+                md: 'repeat(3, 1fr)',
+              },
+              gap: 1.5,
+            }}>
               {group.entries.map((entry: HistoryEntry) => (
                 <HistoryEntryCard
                   key={entry.id}