November 22, 2018 —

Adaptable flexbox grid

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).

See the Pen Adaptable Flexbox Grid (Pure CSS) by Bradley Taunt (@bradleytaunt) on CodePen.

Recent posts

November 28, 2018 —

Width or flex-basis?

November 22, 2018 —

Adaptable flexbox grid

October 18, 2018 —

What happened to self-hosted blogs?

Read all posts →