🚧 Switch to monorepo with Turbo

apps/website/src/style/layout/_grid.scss

@@ -0,0 +1,14 @@
+/*
+** Grid
+*/
+.grid {
+    --columns: #{$cols-m};
+    display: grid;
+    grid-template-columns: repeat(var(--columns), 1fr);
+    grid-column: 1 / -1;
+    align-items: start;
+
+    @include bp (sm) {
+        --columns: #{$cols-d};
+    }
+}

apps/website/src/style/layout/_modules.scss

@@ -0,0 +1,40 @@
+.grid-modules {
+    padding-bottom: 40px;
+
+    @include bp (sm) {
+        padding-bottom: 72px;
+    }
+
+    .wrap {
+        display: block;
+        grid-column: 1 / -1;
+
+        @include bp (sm) {
+            display: grid;
+            grid-column: 2 / span 22;
+        }
+        @include bp (sd) {
+            grid-template-columns: 1fr 40%;
+            grid-column-gap: clamp(32px, 2.5vw, 48px);
+        }
+
+        & > *:first-child {
+            @include bp (sd, max) {
+                margin-bottom: 20px;
+            }
+            @include bp (sd) {
+                margin-bottom: 0;
+            }
+        }
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+
+    // With padding
+    &.is-spaced {
+        @include bp (sm, max) {
+            padding: 0 16px;
+        }
+    }
+}