make page width more suitable for huge screens

This commit is contained in:
Rhiannon Morris 2021-05-28 02:28:56 +02:00
parent 08d4c065ac
commit 2e0a51dcbc

View file

@ -4,14 +4,10 @@
:root { :root {
--image-size: 200px; --image-size: 200px;
--gap: 1em; --gap: 1em;
--cols: 5;
} }
.page { @media (min-width: 1000px) {
max-width: calc( .page { max-width: 80%; }
var(--cols) * var(--image-size) +
(var(--cols) - 1) * var(--gap)
);
} }
#filters div { #filters div {