// the find
mdo/table-grid
Simple CSS grid system using `display: table;`.
A 2014 experiment by Bootstrap's creator exploring `display: table` as a grid system instead of floats. The author is upfront that it's not a serious project — just curiosity about rendering performance. Last touched in 2023 only for minor housekeeping.
Equal-width columns work automatically without specifying widths, which is genuinely convenient. The `table-layout: fixed` approach does make column sizing predictable. It's tiny — three focused Sass partials, easy to read the whole thing in five minutes.
CSS Grid and Flexbox have been production-ready for a decade; the entire premise is obsolete. No gutters without a wrapper div hack (`border-spacing` on the parent) — that's the table layout tax. Vertical alignment tricks and column reordering via `.col-right` are clumsy compared to what you get for free in Grid. Adopting this in 2025 would be a genuine mistake, not a trade-off.