The Flex Grid is a lightweight 12 columns grid, build with CSS3 feature flexbox. The grid is made for modern browsers, no support for dinosaurs.
npm install the-flex-gridThe Flex Grid is a lightweight 12 columns grid, build with CSS3 feature flexbox. The grid is made for modern browsers, no support for dinosaurs. The max-width of the grid and the width of the gutter are easily customizable by the globals in the SASS file.
Vendor prefixes are added for the last 2 versions of the most used webbrowers using autoprefixer. This can be changed in gulpfile.js
[http://jeroenoomsnl.github.io/the-flex-grid]
``
npm install the-flex-grid
`
bower install the-flex-grid
`
`
See the [demo page] for all the other features like reverse order and alignment.
After cloning the repository:
`
npm install
Build the project:
`
gulp
Watch and auto refresh while editing:
`
gulp watch
[http://jeroenoomsnl.github.io/the-flex-grid]: http://jeroenoomsnl.github.io/the-flex-grid
[demo page]: http://jeroenoomsnl.github.io/the-flex-grid