diff options
| author | Armand Philippot <git@armandphilippot.com> | 2021-12-14 00:30:54 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2021-12-14 00:30:54 +0100 |
| commit | 15d247cb0d52d9c091fa040fe1d9d45e9e506050 (patch) | |
| tree | f6158f3c0bda9033ebcecdcb53584b1c5d5c311c /src/components/Main/Main.module.scss | |
| parent | e8a61bd7e49bf2a24fa1905a45e83380056a7368 (diff) | |
chore: define main grid to center content
Diffstat (limited to 'src/components/Main/Main.module.scss')
| -rw-r--r-- | src/components/Main/Main.module.scss | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/components/Main/Main.module.scss b/src/components/Main/Main.module.scss new file mode 100644 index 0000000..a513f73 --- /dev/null +++ b/src/components/Main/Main.module.scss @@ -0,0 +1,15 @@ +.wrapper { + display: grid; + grid-template-columns: + minmax(0, 1fr) min(calc(50vw - var(--spacing-md)), 40ch) min( + calc(50vw - var(--spacing-md)), + 40ch + ) + minmax(0, 1fr); + align-items: center; + padding: var(--spacing-md) 0; +} + +.body { + grid-column: 2 / 4; +} |