From f62106c14559bbf541bacfca99dc29571d6c8066 Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Sun, 20 Aug 2023 08:13:21 +0100
Subject: Content grid is centred on mobile screens

---
 public/css/layout/grid.md.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 public/css/layout/grid.md.css

(limited to 'public/css/layout/grid.md.css')

diff --git a/public/css/layout/grid.md.css b/public/css/layout/grid.md.css
new file mode 100644
index 0000000..5a681c1
--- /dev/null
+++ b/public/css/layout/grid.md.css
@@ -0,0 +1,14 @@
+:is(
+  header,
+  footer,
+  nav,
+  :is(main, article) > section:not(:is(section, header) :is(section, header))
+) {
+  padding-inline-start: var(--grid-padding-start);
+  padding-inline-end: calc(
+    100vw - (var(--grid-padding-start) + (
+      var(--grid-column-width) * var(--grid-column-count) +
+      var(--grid-gutter-width) * (var(--grid-column-count) - 1)
+    ))
+  );
+}
\ No newline at end of file
-- 
cgit v1.2.3