# philipwalton/solved-by-flexbox

A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.

Repository: https://github.com/philipwalton/solved-by-flexbox
Canonical: https://ross.abutalabs.com/products/solved-by-flexbox
Homepage: https://philipwalton.github.io/solved-by-flexbox/
Language: CSS
License: MIT
License Family: permissive
Last push: 2022-12-03T06:36:29+00:00

## Health v2 (maintenance only)
Score: 32/100 (v2, computed 2026-09-03T02:20:16.233290+00:00)
- activity 0, release rhythm 35, longevity 100
- inputs: {"age_days": 4750, "days_push": 1369, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 12918, forks 983 (observed 2026-08-28T04:11:00.148611+00:00)

## What it is
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
- artifact type: learning-resource
- maturity: maintenance
- function: css-framework, ui-components, templating
- domain: web-development, frontend, web-design, tutorials
- platform: browser, cross-platform
- tags: css, flexbox, layout, demos, educational, static-site, web-server, nodejs

## Member repositories
- philipwalton/solved-by-flexbox (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:11:00.148611+00:00.
- Health v2: computed from the inputs above; adoption is never an input.
- Inferred fields (summary, facets, guidance): AI-extracted, prompt v1, taxonomy v1, on 2026-08-29T17:13:41.069421+00:00, confidence not recorded.
  - readme: https://github.com/philipwalton/solved-by-flexbox (fetched 2026-08-28T04:11:00.148611+00:00, sha c161b0355f8e)
  - homepage: https://philipwalton.github.io/solved-by-flexbox/ (fetched 2026-08-29T08:09:37.055775+00:00, sha c3994efde783)
- Data as of 2026-08-30T08:39:29.467469+00:00.