fix columns in gallery
This commit is contained in:
parent
5b213f3881
commit
42c513914b
1 changed files with 6 additions and 4 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue