eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Very roughly implement a 3 column grid on the <main> element

Browse source
This commit is contained in:
Eryn Wells 2023-04-02 10:05:29 -07:00
parent 0504ba54e3
commit 4a647e854f
5 changed files with 28 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

15
assets/styles/page.css Normal file
View file

@ -0,0 +1,15 @@
/* Eryn Wells <eryn@erynwells.me> */
@layer template {
main {
display: grid;
gap: var(--body-item-spacing) 0;
grid-template-columns: var(--body-item-spacing) var(--content-width) var(--body-item-spacing);
margin: var(--body-item-spacing) auto 0 auto;
}
main > * {
grid-column: 2 / 3;
}
}