Implement grid for subprojects #2

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;
 

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;
+	}
+}
+

sass/style.scss

@@ -32,6 +32,7 @@
 @use "sparkline";
 @use "spoiler";
 @use "statements";
+@use "subproject-list";
 @use "table";
 @use "tags";
 @use "title";

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" -%}