fix columns in gallery

This commit is contained in:
Rhiannon Morris 2021-04-16 18:02:32 +02:00
parent 5b213f3881
commit 42c513914b
1 changed files with 6 additions and 4 deletions

View File

@ -3,13 +3,15 @@
:root { :root {
--image-size: 200px; --image-size: 200px;
--gap: 1em;
--cols: 5;
} }
.page { .page {
--gap: 1em; max-width: calc(
max-width: calc(4 * var(--image-size) + 3 * var(--gap)); var(--cols) * var(--image-size) +
padding-left: 4em; (var(--cols) - 1) * var(--gap)
padding-right: 4em; );
} }
#filters div { #filters div {