diff --git a/SRC/style.css b/SRC/style.css index 05858f3..1976cd0 100755 --- a/SRC/style.css +++ b/SRC/style.css @@ -554,10 +554,10 @@ header h1:hover { animation:glitch .4s steps(1) forwards; } #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; } - .quiz-btn { min-height:50px; font-size:.85rem; padding:.75rem 1rem; justify-content:center; text-align:center; } - #quiz-img-preview.visible { max-height:none; margin-bottom:1.5rem; text-align:center; } - #quiz-img-preview img, #quiz-img-preview video { max-height:200px; width:auto; max-width:100%; margin:0 auto; } + #quiz-options { grid-template-columns:1fr; gap:0.6rem; } + #quiz-container { padding:1.25rem 1rem; height:auto; min-height:auto; justify-content:center; overflow:visible; margin-bottom:1rem; } + #quiz-question { min-height:auto; font-size:.88rem; align-items:center; justify-content:center; text-align:center; margin-top:0; margin-bottom:1rem; } + .quiz-btn { min-height:44px; font-size:.8rem; padding:.6rem .75rem; justify-content:center; text-align:center; } + #quiz-img-preview.visible { max-height:none; margin-bottom:1rem; text-align:center; } + #quiz-img-preview img, #quiz-img-preview video { max-height:160px; width:auto; max-width:100%; margin:0 auto; } } \ No newline at end of file