diff options
Diffstat (limited to 'styles/layout.css')
| -rw-r--r-- | styles/layout.css | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/styles/layout.css b/styles/layout.css new file mode 100644 index 0000000..e223b11 --- /dev/null +++ b/styles/layout.css @@ -0,0 +1,40 @@ +.centeredPage { + max-width: calc(700px + 24px + 200px); + margin: 0 auto; + margin-top: 96px; + padding: 0 24px; + + display: grid; + gap: 24px; + grid-template-columns: 200px 1fr; + grid-auto-rows: auto; +} + +.titleWrapper { + grid-column: 2; + grid-row: 1; +} +.titleWrapper > * { margin: 0; } + +.navAreaWrapper { + grid-column: 1; + grid-row: 2; +} +.navAreaWrapper > .sticky { + position: sticky; + top: 24px; +} + +.contentWrapper { + grid-column: 2; + grid-row: 2; +} +.contentWrapper > * { + margin: 0; + margin-bottom: 24px; +} + +.contentWrapper p { + text-align: justify; +} + |