Responsive Layout Math

Use this skill to turn fixed layout intentions into proportional, bounded, and testable responsive CSS. It is strongest when the task involves deriving a formula rather than picking arbitrary breakpoint values.

Quick Start

1. Read guidelines.md to select the smallest relevant file set.
2. Load references/fluid-layouts/rules.md for implementation decisions.
3. Load references/fluid-layouts/examples.md when editing code.
4. Use workflows/design-fluid-layout.md for multi-step derivation or debugging.

Contents