From 1d2520bda414941f00a57e0d6fac73366f22ffcf Mon Sep 17 00:00:00 2001
From: Mischa POSLAWSKY <perl@shiar.org>
Date: Thu, 30 Dec 2021 01:40:13 +0100
Subject: [PATCH] word/wijzer: answers below image in vertical orientation

---
 word/wijzer.plp | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/word/wijzer.plp b/word/wijzer.plp
index d450806..614ab73 100644
--- 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
 });
-- 
2.30.0