I haven't checked this particular grid, but after reading https://css-tricks.com/dont-over... I decided to try not having a grid system as flexbox solves many of the problems a grid system solves and I'm happy with that approach so far.
One thing most grid systems give you is the different sizes of devices. You'd need to copy those to your flexbox layout.
Now, I'm not saying this approach is good for everybody in all cases, but it's definitely worth checking out.
Thanks for the insights @pupeno ,
I know that a grid system isn't always the best solution, but this was part of a larger project, and I thought I could as well release it as it was already done. I personally end up rewriting the same code for every project, so this here is a simpler solution for me.
As for the device sizes, I'm not quite sure what you mean. The waffle grid was written in sass, so you can easily customize a couple of variables to tweak the breakpoints. I am currently working on a solution that lets you chose as many breakpoints as you want for further customization, but I haven't come across a way that's simple enough yet.
Lucas
@lucasgruwez what I meant is that most grid know how to re-flow themselves based on a set of hard-coded device sizes. This is something you'll miss if you just use plain flexbox.
@eonpilot It's funny that you talk about Scorpion.css, as this grid was originally the one used in scorpion, but I just have way to much work to concentrate on that, so I released it indepenldently...
Screensaver Ninja
Lucas Gruwez
Screensaver Ninja
Lucas Gruwez