diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-13 14:40:44 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-13 14:40:44 +0100 |
| commit | ed6b981f462ea981287b4000e9dc2b2ca84481ba (patch) | |
| tree | 445b05a0050cc498d00fc32393ac105081c2495d | |
| parent | 144deab1b6067f59a56ae36c333f3097d08056ef (diff) | |
Constrains navbar and footer to max width
| -rw-r--r-- | public/main.css | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/public/main.css b/public/main.css index 7b38c44..9fdcbf9 100644 --- a/public/main.css +++ b/public/main.css @@ -26,6 +26,7 @@ --background-highlight-color: var(--color-primary-200); --max-width-prose-content: 35rem; + --max-width-all-content: 56.6rem; /* golden ratio * prose content width */ --breakpoint-sm: 640px; --breakpoint-lg: 1280px; @@ -296,7 +297,7 @@ ol li { footer { padding-block-start: var(--spacing-block-md); padding-bottom: 8rem; - padding-inline: 10%; + padding-inline: max(10%, calc((100% - var(--max-width-all-content)) / 2));; } .back-to-top-link { @@ -399,9 +400,9 @@ nav { @media (min-width: 40rem) { nav { flex-direction: row; - justify-content: space-evenly; + justify-content: space-between; align-items: baseline; - padding-inline: 0; + padding-inline: max(10%, calc((100% - var(--max-width-all-content)) / 2)); } .breadcrumbs { |