philipwalton/solved-by-flexbox resource
A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox. observed · 2026-08-28
Health v2 · maintenance only
32/100
- Activity 0
- Release rhythm 35
- Longevity 100
Flags: no_releases
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-09-03. Adoption (stars, forks) is never an input.
- gap_med: n/a
- age_days: 4750
- days_rel: n/a
- days_push: 1369
- n_releases_24m: 0
Adoption not part of the score
12918 stars · 983 forks observed · 2026-08-28
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
A showcase website demonstrating CSS layout problems that were once hard or impossible to solve, now made easy with Flexbox. It includes live demos and source code for patterns like grid systems, holy grail layout, sticky footers, and vertical centering.
Use cases
- learn how to solve the holy grail layout with flexbox
- create a sticky footer without hacks
- vertically center elements in css
- build a better grid system with flexbox
- make fluid input and button pairs
- create media objects without clearfix hacks
When to choose
- you want to learn flexbox layout patterns through practical examples
- you need hack-free solutions to classic CSS layout problems
- you want reference demos to inspect in browser dev tools
When to avoid
- you need a full CSS framework with components and utilities
- you need to support legacy browsers older than IE 10
- you need modern CSS layout with Grid instead of Flexbox
Facets
learning-resource · maturity maintenance
css-framework ui-components templating web-development frontend web-design tutorials browser cross-platform css flexbox layout demos educational static-site web-server nodejs
2 sources
- readme: https://github.com/philipwalton/solved-by-flexbox · fetched 2026-08-28 · c161b0355f8e
- homepage: https://philipwalton.github.io/solved-by-flexbox/ · fetched 2026-08-29 · c3994efde783
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| philipwalton/solved-by-flexbox | main | 32 |
For agents
markdown · JSON · MCP: product_card(name="philipwalton/solved-by-flexbox")
Data as of 2026-08-30T08:39:29.467469+00:00 · Report a problem