https://github.com/kristoferjoseph/flexboxgrid

Grid based on CSS3 flexbox
https://github.com/kristoferjoseph/flexboxgrid

Last synced: about 2 months ago
JSON representation

Grid based on CSS3 flexbox

• Host: GitHub
• URL: https://github.com/kristoferjoseph/flexboxgrid
• Owner: kristoferjoseph
• License: other
• Created: 2013-12-21T23:48:16.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2020-10-01T09:36:06.000Z (over 4 years ago)
• Last Synced: 2024-11-24T15:36:45.937Z (about 2 months ago)
• Language: HTML
• Homepage: http://flexboxgrid.com
• Size: 439 KB
• Stars: 9,382
• Watchers: 232
• Forks: 1,149
• Open Issues: 62
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - kristoferjoseph/flexboxgrid - Grid based on CSS3 flexbox (HTML)
• Awesome-CSS-Resources - flexboxgrid:
• awesome-frontend-libraries - flexboxgrid

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

CDNJS

```html

```

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

```

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)