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.

diff --git a/word.plp b/word.plp
index 45525720399ab8ded056e0152050c5ea864e76f9..59bf8ca12beca9570f6e093c51948cf4e3d8441c 100644 (file)
--- 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;