From ca9c974e5209b4bbb662e3943fe17334a386a833 Mon Sep 17 00:00:00 2001
From: tolelom <98kimsungmin@naver.com>
Date: Wed, 25 Mar 2026 13:20:59 +0900
Subject: [PATCH] fix: make mobile nav horizontally scrollable to prevent
 overflow

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 css/style.css | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/css/style.css b/css/style.css
index 5054363..e003c6b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -400,9 +400,17 @@ img { max-width: 100%; display: block; }
 /* === Responsive === */
 @media (max-width: 640px) {
   .container { padding: 0 20px; }
-  .nav { padding: 0 20px; }
-  .nav-inner { gap: 16px; }
-  .nav-link { font-size: 0.8rem; }
+  .nav { padding: 0; }
+  .nav-inner {
+    gap: 20px;
+    padding: 0 20px;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+  }
+  .nav-inner::-webkit-scrollbar { display: none; }
+  .nav-link { font-size: 0.8rem; white-space: nowrap; }
+  .nav-logo { white-space: nowrap; }
   .hero { padding: 80px 0 56px; }
   .hero-photo { width: 120px; }
   .hero-name { font-size: 2rem; }