aboutsummaryrefslogtreecommitdiff
path: root/posts/flexbox-grid.md
diff options
context:
space:
mode:
authorBradley Taunt <bt@btxx.org>2024-07-02 14:28:49 -0400
committerBradley Taunt <bt@btxx.org>2024-07-02 14:28:49 -0400
commitdc6db80fa72286704849ef61ee0e5ccb5841cb09 (patch)
tree9235d796229d49211c27a07b9d18585d503baa94 /posts/flexbox-grid.md
parent088c87bcb58be576308da503d4f11a68843c5013 (diff)
Conversion to barf for testing purposes
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/)