diff --git a/index.html b/index.html index 1981e69..af5461c 100644 --- a/index.html +++ b/index.html @@ -15,25 +15,22 @@ } header { text-align: center; - grid-area: header; + grid-area: h; margin: 1rem; } #tabs { text-align: center; - grid-area: tabs; + grid-area: t; } footer { text-align: center; - grid-area: footer; + grid-area: f; } body { - --header-size: 5rem; - --footer-size: 4rem; - --tab-spacing: 5rem; display: grid; - grid-template-areas: "header header header" ". tabs ." ". footer ."; - grid-template-rows: var(--header-size) minmax(calc(100vh - var(--header-size) - var(--footer-size)), max-content) var(--footer-size); - grid-template-columns: var(--tab-spacing) 1fr var(--tab-spacing); + grid-template-areas: "h h h" ". t ." ". f ."; + grid-template-rows: 5rem minmax(calc(100vh - 9rem), max-content) 4rem; + grid-template-columns: 5rem 1fr 5rem; } img {