// the find
philipwalton/solved-by-flexbox
A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.
A demo site showing classic CSS layout problems — sticky footers, vertical centering, holy grail layout, grids — solved with Flexbox. It's a teaching artifact from ~2014 when these problems were genuinely painful. Today it's mostly historical documentation.
Each demo is self-contained with clean, minimal CSS that shows exactly the relevant flex properties without noise. The holy grail and sticky footer implementations are still the clearest short-form explanations I've seen. The source is well-structured for reading — component-per-file CSS makes it easy to pull out individual patterns. It earned its stars honestly; this was genuinely useful reference material when Flexbox browser support was fragmented.
Last meaningful update was 2019; the repo is effectively archived. Every problem it solves is now also solvable with CSS Grid, often more cleanly, and there's no acknowledgment of that. The build toolchain (Gulp, manual rollup config) is dated and the npm install will surface deprecation warnings. There's no discussion of the actual edge cases that still bite people — flex item min-size behavior, column wrapping gotchas — so it reads as simpler than real-world flexbox usage is.