fix(nav): 하단 배너 데스크톱(768px+)에서 숨김 처리

모바일 전용 하단 네비가 데스크톱에서 본문과 겹치는 문제.
768px 이상에서 display:none, 480-767px에서 max-width 제한.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-04-01 14:24:09 +09:00
parent 72e4a8b277
commit 05d9e90c39
37 changed files with 41 additions and 38 deletions

View File

@@ -232,8 +232,11 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b
align-items: center;
justify-content: space-around;
}
@media (min-width: 480px) {
.m-bottom-nav { max-width: 768px; margin: 0 auto; }
@media (min-width: 480px) and (max-width: 767px) {
.m-bottom-nav { max-width: 480px; margin: 0 auto; }
}
@media (min-width: 768px) {
.m-bottom-nav { display: none !important; }
}
.m-nav-item {
display: flex;