# flexboxgrid

> Grid based off of CSS3 flexbox specification

Latest version **6.3.1** (published 2016-08-12) · Apache 2 license · 0 weekly downloads

## Install

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

## 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 | 6.3.1 |
| Published | 2016-08-12 |
| First published | 2014-04-08 |
| Weekly downloads | 0 |
| License | Apache 2 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 9296 |
| Author | @dam |
| Maintainers | dam |
| Keywords | browser, flexbox, grid, css |

## Links

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

## 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

- 6.3.1 (latest) — 2016-08-12
- 6.3.0 — 2015-09-23
- 6.2.0 — 2015-05-13
- 6.1.1 — 2015-01-06
- 6.1.0 — 2015-01-02
- 6.0.0 — 2014-12-16
- 5.0.0 — 2014-08-27
- 4.0.0 — 2014-08-15
- 3.0.1 — 2014-04-16
- 3.0.0 — 2014-04-16
- 2.0.0 — 2014-04-14
- 1.1.1 — 2014-04-14
- 1.1.0 — 2014-04-11
- 1.0.0 — 2014-04-08

## README

Flexbox Grid
===========

[flexboxgrid.com](http://flexboxgrid.com)

Grid based on the `flex` display property.

Install
---------
### npm
`npm i flexboxgrid --save`

### bower
`bower install flexboxgrid`

### cdn
```
<link rel="stylesheet" href="https://cdn.jsdelivr.net/flexboxgrid/6.3.1/flexboxgrid.min.css" type="text/css" >
```

### css
* [Development](https://raw.githubusercontent.com/kristoferjoseph/flexboxgrid/master/dist/flexboxgrid.css)
* [Production](https://raw.githubusercontent.com/kristoferjoseph/flexboxgrid/master/dist/flexboxgrid.min.css)

Add the `flexboxgrid.css` __development__ or `flexboxgrid.min.css` __production__ to your html page.

```
<link rel="stylesheet" href="css/flexboxgrid.min.css" type="text/css">
```
Inspiration
-----------
- [topcoat-grid](https://github.com/topcoat/grid)
- [flexbox-grid by @zeMicro](https://github.com/zeMirco/flexbox-grid)
- [ptb2.me/flexgrid](http://ptb2.me/flexgrid/)
- [codepen.io/marcolago/pen/lqGFb](http://codepen.io/marcolago/pen/lqGFb)
- [philipwalton.github.io/solved-by-flexbox/demos/grids](http://philipwalton.github.io/solved-by-flexbox/demos/grids/)
- [davidwalsh.name/stylus-grid](http://davidwalsh.name/stylus-grid)

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