flexboxgrid2
Modern 12 column grid system based on flex property.
Motivation
Forked from kristoferjoseph/flexboxgrid because original project seems abandoned (kristoferjoseph/flexboxgrid#236, kristoferjoseph/flexboxgrid#229, kristoferjoseph/flexboxgrid#211, etc).
Breakpoints
xs: 0..575pxsm: 576..767pxmd: 768..991pxlg: 992..1199pxxl: 1200px+.containerpadding: 8px.containerwidth: $breakpoint - 16px.col-*padding: 8px
Install
yarn
yarn add flexboxgrid2
npm
npm i -S flexboxgrid2
Usage
webpack
import 'flexboxgrid2'
// or if you use airbnb-config-eslint which explicitly wants .css extension
import 'flexboxgrid2/flexboxgrid2.css'
unpkg.com CDN
<link rel="stylesheet" href="https://unpkg.com/flexboxgrid2@[version]/flexboxgrid2.css">
Replace [version] with current version, f.e. 7.2.1