Improve quiz page layouts: WIDM-style answers and responsive centering

- Add green square answer buttons styled after the TV show - Two-column answer grid for 6+ answers, single column on mobile - fit-content centering for question pages so block matches question width - Narrow fixed-width centering for form pages (enter name, select season)
2026-07-06 07:30:17 +02:00 · 2026-07-01 22:23:47 +02:00
parent e5198507ae
commit 20c97d9cb5
5 changed files with 112 additions and 35 deletions
@@ -1,4 +1,6 @@
 {% extends 'quiz/base.html.twig' %}
 {% block body %}
-    {{ form(form) }}
+    <div class="quiz-form-narrow">
+        {{ form(form) }}
+    </div>
 {% endblock body %}