aboutsummaryrefslogtreecommitdiff
path: root/posts/flexbox-grid.md
diff options
context:
space:
mode:
Diffstat (limited to 'posts/flexbox-grid.md')
-rw-r--r--posts/flexbox-grid.md9
1 files changed, 9 insertions, 0 deletions
diff --git a/posts/flexbox-grid.md b/posts/flexbox-grid.md
new file mode 100644
index 0000000..9831826
--- /dev/null
+++ b/posts/flexbox-grid.md
@@ -0,0 +1,9 @@
+# Adaptable Flexbox Grid
+
+2018-11-22
+
+You can use `flexbox` for many tricky layout "hacks" and implementing a grid layout is no different.
+
+Check out the CodePen below to see how you can implement a flexbox grid system that adapts automatically based on how many items you insert per row (maximum 6 children in this example).
+
+[Live CodePen Example](https://codepen.io/bradleytaunt/pen/rQdLxv/)