# yoksel/flex-cheatsheet

📖 Flexbox cheatsheet

Repository: https://github.com/yoksel/flex-cheatsheet
Canonical: https://ross.abutalabs.com/products/flex-cheatsheet
Homepage: http://yoksel.github.io/flex-cheatsheet/
Language: JavaScript
License Family: other
Topics: flexbox-cheatsheet, flexbox, flexbox-css, css, css-layout, flex-layout
Last push: 2023-02-28T01:27:27+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": 3902, "days_push": 1283, "days_rel": null, "gap_med": null, "n_releases_24m": 0}
- flags: no_releases, no_license
- formula: round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10)

## Adoption (not part of the score)
Stars 1358, forks 155 (observed 2026-08-28T04:04:29.626504+00:00)

## What it is
An interactive Flexbox cheatsheet listing CSS Flexbox properties with live demos, code snippets, and definitions from the W3C Flexbox specification. It is hosted as a static web page for learning and reference.

## Use cases
- learn flexbox css layout
- look up flexbox property behavior with live demos
- reference for css flex container and item properties
- understand flex-grow flex-shrink flex-basis
- teach css flexbox layout to others

## When to choose
- you need a quick visual reference for Flexbox properties
- you learn best from interactive live demos
- you want definitions straight from the W3C spec

## When to avoid
- you need a full CSS layout course beyond Flexbox
- you want Grid or other layout systems
- you need a maintained library rather than a reference page

## Facets
- artifact type: learning-resource
- maturity: maintenance
- function: ui-components, css-framework, developer-tools
- domain: web-development, frontend, web-design, tutorials
- platform: browser
- tags: flexbox, css-layout, cheatsheet, interactive-demos, reference, web-server

## Member repositories
- yoksel/flex-cheatsheet (main) score 32

## Provenance
- Observed fields: from GitHub, fetched 2026-08-28T04:04:29.626504+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-30T04:41:47.738423+00:00, confidence not recorded.
  - readme: https://github.com/yoksel/flex-cheatsheet (fetched 2026-08-28T04:04:29.626504+00:00, sha df4833f845b5)
  - homepage: http://yoksel.github.io/flex-cheatsheet/ (fetched 2026-08-29T12:00:13.056583+00:00, sha 92c5ae6ebf78)
- Data as of 2026-08-30T08:39:29.467469+00:00.