From 2e0a51dcbc592b5e4fe8a3e3afe0debd36850efe Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Fri, 28 May 2021 02:28:56 +0200
Subject: [PATCH] make page width more suitable for huge screens

---
 style/shiny/gallery.css | 8 ++------
 1 file changed, 2 insertions(+), 6 deletions(-)

diff --git a/style/shiny/gallery.css b/style/shiny/gallery.css
index 8514f83..19b0380 100644
--- a/style/shiny/gallery.css
+++ b/style/shiny/gallery.css
@@ -4,14 +4,10 @@
 :root {
   --image-size: 200px;
   --gap: 1em;
-  --cols: 5;
 }
 
-.page {
-  max-width: calc(
-    var(--cols) * var(--image-size) +
-    (var(--cols) - 1) * var(--gap)
-  );
+@media (min-width: 1000px) {
+  .page { max-width: 80%; }
 }
 
 #filters div {