From 99557a75a73ae594daa46b3140de33dd1d2ec1e0 Mon Sep 17 00:00:00 2001
From: Mischa POSLAWSKY <perl@shiar.org>
Date: Sat, 13 Jun 2020 10:42:41 +0200
Subject: [PATCH] word: fit column(s) on smaller screen sizes

Minimise page margins to fit common (phone) viewport of 412px,
otherwise no columns to prevent decreased width and padding.
---
 word.plp | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/word.plp b/word.plp
index 4552572..59bf8ca 100644
--- a/word.plp
+++ b/word.plp
@@ -29,11 +29,16 @@ figcaption > small {
 	display: inline-block;
 }
 
-li.large > figure {
-	grid-row: span 2;
-	grid-column: span 2;
+body {
+	margin: 8px 1px;
 }
-@media (min-width: 600px) and (min-height: 400px) {
+@media (min-width: 403px) and (min-height: 266px) {
+	li.large > figure {
+		grid-row: span 2;
+		grid-column: span 2;
+	}
+}
+@media (min-width: 603px) and (min-height: 400px) {
 	p + ul > li:first-child > figure {
 		grid-row: span 3;
 		grid-column: span 3;
-- 
2.30.0