# flexboxgrid2

> Grid based off of CSS3 flexbox specification

Latest version **7.2.1** (published 2018-03-11) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install flexboxgrid2
pnpm add flexboxgrid2
yarn add flexboxgrid2
bun add flexboxgrid2
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 7.2.1 |
| Published | 2018-03-11 |
| First published | 2017-08-01 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 57.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 280 |
| Author | @evgenyrodionov |
| Maintainers | evgenyrodionov |
| Keywords | browser, flexbox, grid, css |

## Links

- npm: https://www.npmjs.com/package/flexboxgrid2
- Repository: https://github.com/evgenyrodionov/flexboxgrid2
- Issues: https://github.com/evgenyrodionov/flexboxgrid2/issues
- npm.io page: https://npm.io/package/flexboxgrid2

## Dependencies (1)

- [normalize.css](https://npm.io/package/normalize.css.md) ^7.0.0

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 7.2.1 (latest) — 2018-03-11
- 7.2.0 — 2018-02-28
- 7.1.0 — 2018-01-20
- 7.0.1 — 2018-01-18
- 7.0.0-alpha12 — 2017-11-09
- 7.0.0-alpha11 — 2017-10-24
- 7.0.0-alpha10 — 2017-10-24
- 7.0.0-alpha9 — 2017-10-24
- 7.0.0-alpha8 — 2017-10-24
- 7.0.0-alpha7 — 2017-08-16
- 7.0.0-alpha6 — 2017-08-02
- 7.0.0-alpha5 — 2017-08-02
- 7.0.0-alpha4 — 2017-08-02
- 7.0.0-alpha3 — 2017-08-02
- 7.0.0-alpha2 — 2017-08-02
- … 1 more at https://npm.io/package/flexboxgrid2/versions

## README

# flexboxgrid2
[![npm version](https://badge.fury.io/js/flexboxgrid2.svg)](https://badge.fury.io/js/flexboxgrid2)

Modern 12 column grid system based on flex property.

→ [Documentation](https://evgenyrodionov.github.io/flexboxgrid2/)

## Motivation
Forked from [kristoferjoseph/flexboxgrid](https://github.com/kristoferjoseph/flexboxgrid) because original project seems abandoned ([kristoferjoseph/flexboxgrid#236](https://github.com/kristoferjoseph/flexboxgrid/pull/236), [kristoferjoseph/flexboxgrid#229](https://github.com/kristoferjoseph/flexboxgrid/pull/229), [kristoferjoseph/flexboxgrid#211](https://github.com/kristoferjoseph/flexboxgrid/pull/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
```js
import 'flexboxgrid2'
// or if you use airbnb-config-eslint which explicitly wants .css extension
import 'flexboxgrid2/flexboxgrid2.css'
```

### unpkg.com CDN
```html
<link rel="stylesheet" href="https://unpkg.com/flexboxgrid2@[version]/flexboxgrid2.css">
``` 

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

---
_Source: https://npm.io/package/flexboxgrid2 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._