flexgrid

flexgrid provides a simple approach to working with the flexbox CSS property introduced with the newer 3rd standard iteration.

This small Stylus file allows developers to easily place content on data columns that change their widths based on the available viewport size.

Everything is done automatically be the browser's engine instead of relying on complex CSS classes and IDs.

Columns are calculated automatically based on the content found inside each row and flexgrid also lets developers easily change the gutter size at any time.

flexgrid is quite easy to deploy compared to other grid systems and installation instructions are provided with the package's README file.

The grid system additionally supports and works with Masonry, Packery and other similar jQuery responsive layout managers.

What is new in this release:

• Fix $flex: true so it auto stretches flexed boxes to fit content.

What is new in version 2.0.0:

• Fix gut when it's 0. For some reason browsers can't figure out 0 is 0, but it works fine when 0px is used. Weirdness. Just removed it completely if gut is 0.

Requirements:

• CSS 3 enabled browser
• Stylus