Flex Grid Flow

Framework-agnostic fluid responsive design: mathematical type/spacing scales, composable layout primitives, container queries, and Tailwind v4 integration.

When to Use

• Building responsive layouts without dozens of breakpoints
• Defining fluid typography and spacing systems
• Implementing Every Layout-style primitives
• Mapping fluid tokens to Tailwind v4 @theme

Workflow

Define viewport bounds → Build type scale → Build spacing scale →
Choose layout primitives → Add container queries → Map to @theme → Verify