From 2194826a00f82947b57f1cdbf7d5b80585bbfc4e Mon Sep 17 00:00:00 2001
From: "sungjin.choi" <sungjin.choi@specialsource.company>
Date: Thu, 28 May 2026 16:53:41 +0900
Subject: [PATCH] =?UTF-8?q?chore=20:=20=EB=B2=A0=EB=84=88=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Main.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/views/Main.vue b/src/views/Main.vue
index 03d4827..25101e8 100644
--- a/src/views/Main.vue
+++ b/src/views/Main.vue
@@ -549,6 +549,18 @@ iframe { width: 100%; height: 180px; border-radius: 4px; }
   #videos-container { grid-template-columns: repeat(2, 1fr); }
   .project-grid { grid-template-columns: repeat(2, 1fr); }
 }
+@media screen and (max-width: 650px) {
+  #videos-container { grid-template-columns: 1fr; }
+  .project-grid { grid-template-columns: 1fr; }
+  .auth-nav { flex-direction: column; gap: 12px; padding: 15px 20px; }
+
+  /* 🟢 [수정] 고정 px 대신 뷰포트 단위(vw)를 주면, 스마트폰 화면 크기에 맞춰
+     아스키 아트가 깨지지 않고 미니어처처럼 비율대로 정밀하게 자동 축소됩니다! */
+  .ascii-art {
+    font-size: 1.8vw !important;
+    line-height: 1.15 !important;
+  }
+}
 @media screen and (max-width: 650px) {
   #videos-container { grid-template-columns: 1fr; }
   .project-grid { grid-template-columns: 1fr; }