🚧 [minimal] New flex layout components

pagetop-minimal/static/css/minimal.css

@@ -1,4 +1,34 @@
-/* SiteBranding component */
+/* Flex components */
+.flex {
+	display: flex;
+	flex-direction: column;
+}
+@media (min-width: 768px) {
+	.flex {
+		flex-direction: row;
+	}
+}
+/* Grid components */
+.row .row {
+	margin: 0 -1.5em;
+}
+.col {
+	padding: 0 1.5em;
+}
+.row:after {
+	content: "";
+	clear: both;
+	display: table;
+}
+@media only screen {
+	.col {
+		float: left;
+		width: 100%;
+		box-sizing: border-box;
+	}
+}
+
+/* SiteBranding component */ /*
 #site-branding {
 	float: left;
 }
@@ -32,7 +62,7 @@
 		display: block;
 	}
 }
-
+*/
 /* PoweredBy component */
 #powered-by {
 	text-align: center;