diff options
| author | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-20 08:13:21 +0100 |
|---|---|---|
| committer | Joe Carstairs <65492573+Sycamost@users.noreply.github.com> | 2023-08-20 08:13:21 +0100 |
| commit | f62106c14559bbf541bacfca99dc29571d6c8066 (patch) | |
| tree | 256bc393653830fbd55f7a422b7df8481f0571fc /public/css/layout/grid.css | |
| parent | 78cbbc5b75822614f5ba5fabc68a8c0f39c4cb28 (diff) | |
Content grid is centred on mobile screens
Diffstat (limited to 'public/css/layout/grid.css')
| -rw-r--r-- | public/css/layout/grid.css | 11 |
1 files changed, 8 insertions, 3 deletions
diff --git a/public/css/layout/grid.css b/public/css/layout/grid.css index 2ca5b21..fc7ccee 100644 --- a/public/css/layout/grid.css +++ b/public/css/layout/grid.css @@ -4,13 +4,18 @@ nav, :is(main, article) > section:not(:is(section, header) :is(section, header)) ) { - padding-inline-start: var(--grid-padding-start); - padding-inline-end: calc( + padding-inline-start: calc(0.5 * ( + 100vw - (var(--grid-padding-start) + ( + var(--grid-column-width) * var(--grid-column-count) + + var(--grid-gutter-width) * (var(--grid-column-count) - 1) + ) + ))); + padding-inline-end: calc(0.5 * ( 100vw - (var(--grid-padding-start) + ( var(--grid-column-width) * var(--grid-column-count) + var(--grid-gutter-width) * (var(--grid-column-count) - 1) )) - ); + )); } .grid-span-1 { |