Favorite grid system

[Beluga]

The future: grid layout and flexbox (use it today with polyfill)

The polyfill dude is lacking free time to complete his work. Do help with the issues, if you want to see it progress.

[tpr]

Since browser support for flex is now pretty good, I am looking into using flexboxgrid.

Spent about an hour to find a flexbox grid that utilizes sass and doesn't require adding classes to markup.

Finally I found this:

https://ajy.co/the-simplest-sass-flexbox-grid-ever

Keeper!

[thetuningspoon]

I like mine:

https://github.com/thetuningspoon/SI-Layout

[Christophe]

Has someone here already tried this one?: http://daneden.github.io/Toast/

It was created by Daniel Eden (animate.css, etc.).

It seems interesting, but perhaps (can) uses too many (large) classes...

[Martijn Geerts]

@Christophe, I'm more woried about the margin-right: -.25em they are using on columns. They use it to eliminate the white-space between the columns. But when you properly minify the source, there's no white-space, so little gaps will show up.

[LostKobrakai]

Also -.25em might not always the the size of the whitespace if there is one.

[Christophe]

I'll test pocket grid, lost grid, jeet grid, a flexbox grid, a css grid, and/or susy... when I have a moment...

NB: I had a problem once when I tried the "flip" functionality with uikit. It would'nt work correctly.

Has anyone tried it?

This "functionality" worked well with kraken css (even though I couldn't control it like I wanted when having 3 columns).

[pwired]

I'm using pocketgrid effectively for everything I do but have played around a bit with susy and jeet.

Depending on the sass that is used every mixin adds x ms to the compile time.
Seems that the amount of spans you are using in susy affects noticeably, even with libsass.
Susy has many different angles and it quickly starts to do far too much than is necessary.
I would prefer jeet as it's really fast and makes much more common sense even with basic sass experience.

http://jeet.gs/