more page styles

This commit is contained in:
Lyn Fugmann 2024-09-15 16:11:29 +02:00
parent c91caf72e0
commit 5cdcab9907
3 changed files with 11 additions and 2 deletions

View file

@ -34,7 +34,7 @@ footer {
display: inline; display: inline;
} }
.footer-container { .footer-container {
max-width: 75rem; max-width: var(--page-width);
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: grid; display: grid;

View file

@ -16,7 +16,7 @@ header {
padding: 2rem 0; padding: 2rem 0;
} }
.header-container { .header-container {
max-width: 75rem; max-width: var(--page-width);
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: flex; display: flex;

View file

@ -23,8 +23,17 @@ eleventyComputed:
</html> </html>
{% css %} {% css %}
:root {
--page-width: 75rem;
}
body { body {
font-family: sans-serif; font-family: sans-serif;
margin: 0; margin: 0;
font-size: 17px;
}
main {
max-width: var(--page-width);
margin-left: auto;
margin-right: auto;
} }
{% endcss %} {% endcss %}