minifying styles a touch
This commit is contained in:
15
index.html
15
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 {
|
||||
|
||||
Reference in New Issue
Block a user