flexboxgrid2


Modern 12 column grid system based on flex property.

→ Documentation

Motivation

Forked from kristoferjoseph/flexboxgrid because original project seems abandoned (kristoferjoseph/flexboxgrid#236, kristoferjoseph/flexboxgrid#229, kristoferjoseph/flexboxgrid#211, etc).

Breakpoints

- xs: 0..575px
- sm: 576..767px
- md: 768..991px
- lg: 992..1199px
- xl: 1200px+
- .container padding: 8px
- .container width: $breakpoint - 16px
- .col-* padding: 8px

Install

$3

yarn add flexboxgrid2

$3

npm i -S flexboxgrid2

Usage

$3

``js
import 'flexboxgrid2'
// or if you use airbnb-config-eslint which explicitly wants .css extension
import 'flexboxgrid2/flexboxgrid2.css'
`

$3

`html

`

Replace [version] with current version, f.e. 7.1.0`