word/wijzer: answers below image in vertical orientation

diff --git a/word/wijzer.plp b/word/wijzer.plp
index d450806743fbd62ed5cee689af527386902fcc17..614ab736270f0a04a40d76ca2af89f37e5248bf2 100644 (file)
--- a/word/wijzer.plp
+++ b/word/wijzer.plp
@@ -13,7 +13,7 @@ Html({
        grid: auto / 2fr 1fr;
        margin: 2em 0 1ex;
        align-items: center;
-       grid-gap: 1ex;
+       grid-gap: 0 1ex;
 }
 figure {
        grid-column: 1;
@@ -36,6 +36,18 @@ li[onclick]:hover {
        cursor: pointer;
        background: #8888;
 }
+
+@media (orientation: portrait) {
+       #quiz {
+               grid: auto / 1fr 1fr;
+       }
+       figure {
+               grid-column: span 2;
+       }
+       li {
+               grid-column: auto;
+       }
+}
 </style>
 EOT
 });