finds.dev← search

// the find

mourner/dead-simple-grid

★ 754 · HTML · MIT · updated Apr 2016

Dead Simple Grid is a responsive CSS grid micro framework that is just that. Dead simple.

A 250-byte CSS grid system from the Leaflet author, built around float-based columns and box-sizing. You write widths as plain percentages in your own media queries; the framework provides only row/col primitives. Aimed at developers who want a blank slate without a framework's class-naming opinions.

The negative-margin nesting trick is clean and sidesteps the padding-accumulation problem most float grids have. At 250 bytes there is genuinely nothing to audit or override. The mobile-first default (cols are 100% width until you say otherwise) means you never fight it on small screens. Being dependency-free with no build step is a real advantage for small static sites.

Last touched in 2016 and the float-based approach is just obsolete — CSS Grid and Flexbox have been universally supported for years and handle alignment, gap, and asymmetric layouts without hacks. There are no gap utilities, so every gutter is locked to the single padding value you configure globally; changing gutter per-breakpoint is manual work. No docs beyond the README example. IE 8 support is listed as a feature in 2026, which tells you how stale this is.

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 →