try to fix page width etc

This commit is contained in:
Rhiannon Morris 2020-07-23 19:59:07 +02:00
parent b62586b4ad
commit a533d096eb
3 changed files with 18 additions and 5 deletions

View file

@ -4,11 +4,18 @@
--image-size: 200px;
}
body {
--gap: 1em;
max-width: calc(5 * var(--image-size) + 4 * var(--gap));
padding-left: 4em;
padding-right: 4em;
}
.grid {
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, var(--image-size));
grid-gap: 1em;
grid-gap: var(--gap);
justify-content: center;
}