From 041178f95d4b0007081e300b4760cc507887f381 Mon Sep 17 00:00:00 2001
From: Michael Boelen <michael.boelen@cisofy.com>
Date: Tue, 19 Nov 2024 09:12:15 +0000
Subject: [PATCH] Grid for home page

---
 .../assets/scss/styles_grid_homepage.scss     | 27 +++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100755 themes/nluug/assets/scss/styles_grid_homepage.scss

diff --git a/themes/nluug/assets/scss/styles_grid_homepage.scss b/themes/nluug/assets/scss/styles_grid_homepage.scss
new file mode 100755
index 0000000..1cb5a8a
--- /dev/null
+++ b/themes/nluug/assets/scss/styles_grid_homepage.scss
@@ -0,0 +1,27 @@
+@media (min-width: 1023px) {
+  .grid-row {
+        display: grid;
+        grid-template-columns: repeat(12, 1fr);
+        grid-template-rows: 1fr auto;
+        column-gap: 1.5em;
+  }
+}
+.grid-fourth {
+        grid-column: auto / span 3;
+}
+
+.grid-third {
+        grid-column: auto / span 4;
+}
+
+.grid-two-thirds {
+        grid-column: auto / span 8;
+}
+
+.grid-half {
+        grid-column: auto / span 6;
+}
+
+.grid-three-fourths {
+        grid-column: auto / span 9;
+}