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

5
assets/styles/root.css
View file

@ -384,16 +384,11 @@ img.circular {
main {
box-sizing: border-box;
max-width: calc(var(--content-width) + 2 * var(--body-item-spacing));
margin: var(--body-item-spacing) auto;
padding-inline: var(--body-item-spacing);
width: 100%;
}
main > :first-child,
main > article > :first-child { margin-block-start: 0; }
main > :not(:last-child),
main > article > :not(:last-child) { margin-block-end: var(--body-item-spacing); }
main > :last-child,
main > article > :last-child { margin-block-end: 0; }
nav.bulleted > li:first-child::before {