Better Flex Grid System

Flexbox provides simpler and more flexible layout options in CSS.

Features

• Easy CSS-only equal height columns for your grid-based layouts.
• Easy reordering of content across devices and screen resolutions with the help of media queries.
• Easy vertical alignment of content within a parent element.
• Individual cells can be aligned vertically to the top, bottom, or middle.

Browser Support

The flex grid is supported in Chrome, Firefox, Safari 6+, IE10+, iOS 7+, and Android 4.4+.

Inspiration

• philipwalton.github.io/solved-by-flexbox/demos/grids
• Gridly
• BootStrap
• A Complete Guide to Flexbox