finds.dev← search

// the find

necolas/griddle

★ 367 · CSS · MIT · updated Dec 2015

A CSS grid constructor

A Sass-based CSS grid framework using inline-block and box-sizing instead of floats. It was a reasonable choice for 2013-era responsive layouts before flexbox and CSS Grid had real browser support.

The inline-block approach side-steps float clearing hacks entirely, and width/gutter are decoupled so you aren't fighting margin math on nested grids. RTL support and per-breakpoint rebuilds via `griddle-build()` are genuinely useful touches most grid systems of that era skipped. IE8 support plus the redundancy/consolidation in the compiled CSS shows real craft for the constraints of the time.

Dead since December 2015 and explicitly marked unmaintained — this predates flexbox and CSS Grid, both of which make the whole inline-block/whitespace-hack approach obsolete for new work. No test suite, no CI badge, nothing indicating the Sass actually gets exercised against output. Distribution is Bower-only with a zip/git fallback — no npm package, so it doesn't fit into any modern build pipeline without manual vendoring. Inline-block grids also carry the classic whitespace-between-elements bug, and the README doesn't mention how (or whether) it's handled.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →