summaryrefslogtreecommitdiff
path: root/posts/flexbox-grid.md
blob: 7bad0bfb1c23d236050d0611005698c1924bb9f0 (plain)
1
2
3
4
5
6
7
8
[[!meta title="Adaptable Flexbox Grid"]]
[[!meta 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/)