Nebeneinander oder untereinander mit flex-direction: row oder column-reverse.

Basic-template.md

@@ -0,0 +1,16 @@
+# Style with flex
+```CSS
+.project-container {
+  display: flex;
+  flex-direction: column-reverse;
+}
+.project-container img {max-width: 100%; height: auto; }
+@media only screen and (min-width: 768px) {
+  nav { flex-direction: row; }
+  .project-container {
+    flex-direction: row;
+    column-gap: 1em;
+  }
+  .pagination { width: 30%; }
+}
+```