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 {