aboutsummaryrefslogtreecommitdiffstats
path: root/src/styles/pages/Home.module.scss
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-01-06 19:27:45 +0100
committerArmand Philippot <git@armandphilippot.com>2022-01-06 19:30:06 +0100
commit722ec20bad64d8c69b173c163011d37ad0b55591 (patch)
tree0470e54f758d9383fff3fdb4c9b685faa3bde6ae /src/styles/pages/Home.module.scss
parent1494985a636fe22417615648062f17bc82c35655 (diff)
chore: move Main grid to its children
This way I can use full width background for some blocks.
Diffstat (limited to 'src/styles/pages/Home.module.scss')
-rw-r--r--src/styles/pages/Home.module.scss11
1 files changed, 11 insertions, 0 deletions
diff --git a/src/styles/pages/Home.module.scss b/src/styles/pages/Home.module.scss
index 3a8fd0e..49f483c 100644
--- a/src/styles/pages/Home.module.scss
+++ b/src/styles/pages/Home.module.scss
@@ -6,3 +6,14 @@
gap: var(--spacing-md);
margin: var(--spacing-md) 0;
}
+
+.section {
+ display: grid;
+ grid-template-columns:
+ minmax(0, 1fr) min(calc(100vw - calc(var(--spacing-md) * 2)), 80ch)
+ minmax(0, 1fr);
+
+ > * {
+ grid-column: 2;
+ }
+}