make page width more suitable for huge screens
This commit is contained in:
parent
08d4c065ac
commit
2e0a51dcbc
1 changed files with 2 additions and 6 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue