@antenando/flexboxgrid2 v7.2.4

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..639px
• sm: 640..767px
• md: 768..1023px
• lg: 1024..1279px
• xl: 1280px+
• .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.1.0