xivdev/bozjan-index
1
0
Fork 0
Code Issues Pull Requests Activity

minifying styles a touch

Browse Source
This commit is contained in:
Ean Milligan
2026-01-18 23:20:09 -05:00
parent b1d7e3244b
commit d32f083c31
1 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
index.html
View File

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