diff --git a/public/css/style.css b/public/css/style.css index 3b07d63..f3b448a 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -2,7 +2,6 @@ --navbar-height: 96px; --footer-height: 24px; - /* Unused - just for reference */ --teal: 162, 223, 203; --black: 25, 23, 30; --brown: 81, 73, 65; @@ -27,23 +26,28 @@ html, body, p, h1, h2, h3, h4, h5, h6 { } body { - display: grid; - grid-template-rows: var(--navbar-height) calc(100% - var(--navbar-height) - var(--footer-height)) var(--footer-height); + /* display: grid; + grid-template-rows: var(--navbar-height) calc(100% - var(--navbar-height) - var(--footer-height)) var(--footer-height); */ background-color: var(--background-color); } +body > * { + box-sizing: border-box; +} header { background-color: var(--header-color); border-bottom: var(--borders); font-variant: small-caps; - min-height: var(--navbar-height); + height: var(--navbar-height); } main { padding: 1rem; + height: calc(100% - var(--navbar-height) - var(--footer-height)); } footer { background-color: var(--footer-color); border-top: var(--borders); + height: var(--footer-height); } .container {