diff --git a/src/assets/style/style.scss b/src/assets/style/style.scss index d6914fe..f86b20b 100644 --- a/src/assets/style/style.scss +++ b/src/assets/style/style.scss @@ -13,7 +13,7 @@ html { font-size: calc(15px + 0.390625vw); } -body { +body > main { max-width: 95vw; /* leave some space in the end by default */ margin: auto; padding: 15px 0; @@ -27,7 +27,7 @@ section:not(.clean) { border-radius: var(--prj-border-radius); } -section:not(:first-child) { +section:not(:first-of-type) { margin-top: var(--prj-spacing-4); } @@ -70,10 +70,19 @@ p:last-child { margin-bottom: 0; } +.container { + max-width: 100%; +} + /* Main content fix width, taken from Tailwind: https://tailwindcss.com/docs/container#using-the-container */ @each $name, $size in $screen-sizes { @media screen and (min-width: $size) { - body { + body > main { + max-width: $size; + } + + .container { + margin: auto; max-width: $size; } } diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro index fd4686e..839b115 100644 --- a/src/components/Navbar.astro +++ b/src/components/Navbar.astro @@ -11,8 +11,8 @@ const links = [ ]; --- -