Flexbox Grid

flexboxgrid.com

Grid based on the flex display property.

Installation

npm i flexboxgrid --save

Bower

npm r bower -g && npm i flexboxgrid --save

Raw dog CSS like a boss

Download Development

Production

Add the flexbox.css development or flexbox.min.css production to your html page.

<link rel="stylesheet" href="css/flexbox.min.css" media="screen" />

Or better yet cat ./css/**/*.css > bundle.css and slap that whole mess in a style tag in your head. Check flexboxgrid.com Gruntfile.js to see how I did it.

View the documentation at flexboxgrid.com

Inspiration

• topcoat-grid
• flexbox-grid by @zeMicro
• ptb2.me/flexgrid
• codepen.io/marcolago/pen/lqGFb
• philipwalton.github.io/solved-by-flexbox/demos/grids
• davidwalsh.name/stylus-grid