discover · compare · collections · requirements · contribute · feed · watching · stats · help with your tokens

kristoferjoseph/flexboxgrid · source

Snapshot 0 · 2026-11-04T12:47:23Z · HTML ·

GitHub description at capture

Grid based on CSS3 flexbox

README at capture

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

<code>CDNJS</code>
```html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/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.

```html
<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)