diff --git a/SRC/style.css b/SRC/style.css index 6b2f3c3..05858f3 100755 --- a/SRC/style.css +++ b/SRC/style.css @@ -23,6 +23,7 @@ body.theme-Quiz { --theme-color:#7eb8f7; --theme-glow:rgba(126,184,247,.35); *,*::before,*::after { margin:0; padding:0; box-sizing:border-box; } +html, body { max-width:100vw; overflow-x:hidden; } body { background:var(--bg-deep); color:var(--text-primary); font-family:'Space Grotesk',sans-serif; @@ -547,6 +548,12 @@ header h1:hover { animation:glitch .4s steps(1) forwards; } #layer-Quiz .desc-box, #layer-Quiz .daily-challenge-box { display:none; } } @media (max-width:520px) { + header { padding:0 1rem; } + header h1 { font-size:.85rem; letter-spacing:.05em; text-align:center; } + .menu-icon, .help-btn { padding:.4rem .6rem; font-size:.7rem; } + #content-area { padding:1.5rem 1rem; } + .flex-row .box { min-width:100%; } + .desc-box { padding:1.25rem 1rem; font-size:.85rem; } #quiz-options { grid-template-columns:1fr; gap:0.85rem; } #quiz-container { padding:1.5rem; height:auto; min-height:auto; justify-content:center; overflow:visible; margin-bottom:2rem; } #quiz-question { min-height:auto; font-size:.95rem; align-items:center; justify-content:center; text-align:center; margin-top:0; margin-bottom:1.5rem; }