aboutsummaryrefslogtreecommitdiff
path: root/_posts/2018-11-22-flexbox-grid.md
blob: a6eb87251c3b60ae665a760248907ae71f214c87 (plain)
1
2
3
4
5
6
7
8
9
10
11
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/)