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+.container
padding: 8px.container
width: $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