An easy to use flexbox grid system.
To get the waffle grid system in your web page, simply paste this code into the
head of your document,
<!-- or -->
or you can install the waffle grid system using a package manager like npm
$ npm install waffle-grid# or$ bower install waffle-grid
If you want you can still download the waffle grid here.
<!-- For column width, use col-n-of-p. By default, p can be 4, 8, or 12 --><!-- The center class centers the column. --><!-- use col-m- and col-s- as well as m-hide, s-hide, m-only and s-only to make your grid responsive --><!-- Pushes and pulls are used in the same way as col-n-of-p. They can also be responsive, like pull-m-1-of-4 -->
The full docs can be found here
Like this project?
Please feel free to give the waffle-grid repo a star, and if you want to help support my work, please consider donating.
Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.
Made a website using the Waffle grid?
Add the built with waffle-grid badge to your
Feel free to send me an email at firstname.lastname@example.org, and I might add your site to an examples section I'm currently working on.
- Lucas Gruwez - Initial work - @lucasgruwez
- Jack McNicol - Helped out a lot - @jackmcpickle
- Arthur Guiot - Added js function - @arguiot
See also the list of contributors who participated in this project.
This project is licensed under the MIT License - see the LICENSE file for details
Copyright © 2017 lucasgruwez All Rights Reserved.