Flexbox Grid

flexboxgrid.com

Grid based on the flex display property.

This is a custom Koho version which is a fork of the original library. This version has our own custom margin and padding values as well as additional classes add to allow for columns to collapse.

Use .collapse on a .row to collapse the paddings and margins that are direct descendants. Using .collapse-all collapses all descendant columns within that row.

Install

npm

npm i flexboxgrid --save

bower

bower install flexboxgrid

cdn

CDNJS

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css" type="text/css" >

css

• Development
• Production

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

<link rel="stylesheet" href="css/flexboxgrid.min.css" type="text/css">

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