flexboxgrid2

Grid based off of CSS3 flexbox specification

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
flexboxgrid2
27967.2.15 years ago6 years agoMinified + gzip package size for flexboxgrid2 in KB

Readme

flexboxgrid2
npm version
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

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

```html version/flexboxgrid2.css"> ```
Replace [version] with current version, f.e. 7.1.0