diff options
| author | Bradley Taunt <bt@btxx.org> | 2024-05-25 16:14:03 -0400 |
|---|---|---|
| committer | Bradley Taunt <bt@btxx.org> | 2024-05-25 16:16:54 -0400 |
| commit | e417a818e207a6cca6e2f3c471611673ab836a62 (patch) | |
| tree | 664686a365c3d1e73349b5a667fa892f46445fef /_posts/2018-11-22-flexbox-grid.md | |
Initial commit for Jekyll testing and conversion, updated
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/) |