chore: move Main grid to its children

This way I can use full width background for some blocks.

1 files changed, 25 insertions, 0 deletions

diff --git a/src/styles/pages/Listing.module.scss b/src/styles/pages/Listing.module.scss
new file mode 100644
index 0000000..1915148
--- /dev/null
+++ b/src/styles/pages/Listing.module.scss
@@ -0,0 +1,25 @@
+@use "@styles/abstracts/placeholders";
+
+.wrapper {
+  padding-bottom: var(--spacing-lg);
+}
+
+.list {
+  @extend %reset-ordered-list;
+}
+
+li.item {
+  margin: 0 0 var(--spacing-md) 0;
+}
+
+.body,
+.section {
+  display: grid;
+  grid-template-columns:
+    minmax(0, 1fr) min(calc(100vw - calc(var(--spacing-md) * 2)), 80ch)
+    minmax(0, 1fr);
+
+  > * {
+    grid-column: 2;
+  }
+}