diff options
Diffstat (limited to '_posts/2018-11-22-flexbox-grid.md')
| -rw-r--r-- | _posts/2018-11-22-flexbox-grid.md | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/_posts/2018-11-22-flexbox-grid.md b/_posts/2018-11-22-flexbox-grid.md new file mode 100644 index 0000000..a6eb872 --- /dev/null +++ b/_posts/2018-11-22-flexbox-grid.md @@ -0,0 +1,12 @@ +--- +layout: post +title: "Adaptable Flexbox Grid" +date: 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/) |