Loading...
Loading...
Calculate and debug Flexbox layout math for flex base size, flex-basis, flex-grow, flex-shrink, the flex shorthand, fractional grow values, and min/max constraints. Use when flex items resize unexpectedly, when distributing free space along one axis, when comparing flexbox with grid, or when deriving predictable card, nav, toolbar, and row layouts.
npx skill4agent add lvtd-llc/skills flexbox-mathguidelines.mdreferences/flex-distribution/rules.mdreferences/flex-distribution/examples.mdworkflows/debug-flex-distribution.md| Resource | Purpose |
|---|---|
| Routes tasks to the right reference files |
| Book source and chapter/section traceability |
| Core concepts and terminology |
| Practical rules, guidelines, and exceptions |
| Bad/good examples and refactoring approach |
| Reusable formula and implementation patterns |
| Review checklist and red flags |
| Step-by-step workflow |
references/source-map.md