From 6e2fc7da5cd3256eb1a0b2077fff2f8c9d13a54d Mon Sep 17 00:00:00 2001
From: david-swift <haenerdavid@icloud.com>
Date: Sat, 8 Mar 2025 14:55:52 +0100
Subject: [PATCH] Implement grid for subprojects #2

---
 sass/_article-list.scss             |  5 ++++-
 sass/_subproject-list.scss          | 11 +++++++++++
 sass/style.scss                     |  1 +
 templates/partials/subprojects.html |  2 +-
 4 files changed, 17 insertions(+), 2 deletions(-)
 create mode 100644 sass/_subproject-list.scss

diff --git a/sass/_article-list.scss b/sass/_article-list.scss
index 0397d8b..d7859db 100644
--- a/sass/_article-list.scss
+++ b/sass/_article-list.scss
@@ -1,6 +1,9 @@
 #article-list {
-	display: flex;
 	flex-direction: column;
+}
+
+#article-list, #subproject-list {
+	display: flex;
 	gap: 1rem;
 	margin-block-start: 2rem;
 
diff --git a/sass/_subproject-list.scss b/sass/_subproject-list.scss
new file mode 100644
index 0000000..e0185a0
--- /dev/null
+++ b/sass/_subproject-list.scss
@@ -0,0 +1,11 @@
+#subproject-list {
+	flex-direction: row;
+	flex-wrap: wrap;
+
+	article {
+		width: calc(50% - 0.5rem);
+		min-width: 300px;
+		flex-grow: 1;
+	}
+}
+
diff --git a/sass/style.scss b/sass/style.scss
index e0d6264..c800aba 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -32,6 +32,7 @@
 @use "sparkline";
 @use "spoiler";
 @use "statements";
+@use "subproject-list";
 @use "table";
 @use "tags";
 @use "title";
diff --git a/templates/partials/subprojects.html b/templates/partials/subprojects.html
index 19ba969..48cb1e3 100644
--- a/templates/partials/subprojects.html
+++ b/templates/partials/subprojects.html
@@ -1,4 +1,4 @@
-<div id="article-list">
+<div id="subproject-list">
 	{%- for page in section.pages %}
 		{%- if page.draft -%}
 			{%- set article_type = "draft" -%}