diff options
author | Bradley Taunt <bt@btxx.org> | 2024-06-06 08:05:12 -0400 |
---|---|---|
committer | Bradley Taunt <bt@btxx.org> | 2024-06-06 08:05:12 -0400 |
commit | 6b742c459266b18e2b375b35205ce8a6c02f0452 (patch) | |
tree | b16fbb9a045e33dd6c97eb5ab72e6ff4d9237ea3 /posts/flexbox-grid.md |
Initial commit
Diffstat (limited to 'posts/flexbox-grid.md')
-rw-r--r-- | posts/flexbox-grid.md | 9 |
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/) |