diff options
author | Bradley Taunt <bt@btxx.org> | 2024-07-02 14:28:49 -0400 |
---|---|---|
committer | Bradley Taunt <bt@btxx.org> | 2024-07-02 14:28:49 -0400 |
commit | dc6db80fa72286704849ef61ee0e5ccb5841cb09 (patch) | |
tree | 9235d796229d49211c27a07b9d18585d503baa94 /posts/flexbox-grid.md | |
parent | 088c87bcb58be576308da503d4f11a68843c5013 (diff) |
Conversion to barf for testing purposes
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/) |