wip design is mobile first with some bugs

styles/sections.css

@@ -0,0 +1,39 @@
+section {
+	display: grid;
+	margin: 0px;
+	width: 100vw;
+	grid-template-columns: auto auto auto;
+	grid-auto-rows: auto;
+	grid-gap: 10px;
+	gap: 10px;
+	min-height: 100vh;
+	justify-items: center;
+	text-align: center;
+
+	header {
+		display: flex;
+		flex-direction: column;
+		place-content: center;
+
+		h1 {
+			display: flex;
+			flex-direction: row;
+			flex-wrap: wrap;
+			justify-content: center;
+		}
+	}
+	article {
+		text-align: left;
+	}
+
+	> * {
+		grid-column: 2 / span 1;
+	}
+	> .grid_full_width {
+		grid-column: 1 / span 3;
+	}
+
+	.banner {
+		overflow-x: hidden;
+	}
+}