https://github.com/jeroenoomsnl/the-flex-grid
The Flex Grid is a responsive CSS flexbox grid. Because we can!
https://github.com/jeroenoomsnl/the-flex-grid
css-framework css-grid css-grid-layout flexbox flexbox-css flexbox-grid flexbox-layout flexgrid
Last synced: 4 months ago
JSON representation
The Flex Grid is a responsive CSS flexbox grid. Because we can!
- Host: GitHub
- URL: https://github.com/jeroenoomsnl/the-flex-grid
- Owner: jeroenoomsNL
- License: mit
- Created: 2014-11-29T09:09:07.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2019-04-24T14:28:02.000Z (about 6 years ago)
- Last Synced: 2025-01-14T07:05:58.222Z (4 months ago)
- Topics: css-framework, css-grid, css-grid-layout, flexbox, flexbox-css, flexbox-grid, flexbox-layout, flexgrid
- Language: CSS
- Homepage: http://jeroenoomsnl.github.io/the-flex-grid
- Size: 262 KB
- Stars: 54
- Watchers: 6
- Forks: 11
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# The Flex Grid
The Flex Grid is a lightweight 12 columns grid, build with CSS3 feature flexbox. The grid is made for modern browsers, no support for dinosaurs. The max-width of the grid and the width of the gutter are easily customizable by the globals in the SASS file.
Vendor prefixes are added for the last 2 versions of the most used webbrowers using autoprefixer. This can be changed in gulpfile.js
[http://jeroenoomsnl.github.io/the-flex-grid]
## Install
```
npm install the-flex-grid
```
```
bower install the-flex-grid
```
## Fluid flexbox grid
```
```
## Responsive flexbox grid
```
```
## More features
See the [demo page] for all the other features like reverse order and alignment.
## Usage of this source
After cloning the repository:
```
npm install
```
Build the project:
```
gulp
```
Watch and auto refresh while editing:
```
gulp watch
```
[http://jeroenoomsnl.github.io/the-flex-grid]: http://jeroenoomsnl.github.io/the-flex-grid
[demo page]: http://jeroenoomsnl.github.io/the-flex-grid