Commit 533c6d6f authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Start styling with subgrid. (Currently only supported in Firefox.)

parent d8dd288a
......@@ -397,12 +397,6 @@ hr {
text-decoration: none;
}
.header-wrap {
/* centre everything */
margin: 0 auto;
max-width: 51.8em;
}
/* - - - - - - - - NAVIGATION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
......
/* - - - - - - - - GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
display: grid;
grid-template-columns:
[full-start] minmax(var(--layout-unit),1fr)
[margin-1-start] minmax(0,1fr)
[margin-1-end content-start] minmax(0,5fr)
[content-end side-column-start] minmax(0,0)
[side-column-end margin-2-start] minmax(0,1fr)
[margin-2-end] minmax(var(--layout-unit),1fr)
[full-end];
}
header {
grid-row: 1;
grid-column: full-start / full-end;
}
main {
grid-row: 2;
grid-column: full-start / full-end;
}
footer {
grid-row: 3;
grid-column: full-start / full-end;
}
.footer-wrap {
display: grid;
grid-template-columns: subgrid;
grid-column: content-start / content-end;
}
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment