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