chore : 베너변경

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; }