flowmo is desktop-first: style the base breakpoint, then add smaller breakpoints whose overrides cascade down. Breakpoints can be max-width, min-width, or both, with an optional scale-lock.
Where: Top bar → breakpoint/device selector — Switch to a smaller breakpoint to edit its overrides
Key ideas
- Desktop-first cascade: The base ("Desktop") breakpoint is the default; smaller breakpoints inherit it and store only what you change.
- Breakpoint shape: Each breakpoint has a name, maxWidth and/or minWidth, a preview width, optional frame height, and a scaleLock flag.
- Scale lock: scaleLock enables smooth proportional resizing for that breakpoint instead of reflow.
Steps
- Finish the design at the base (Desktop) breakpoint.
- Pick a smaller breakpoint in the top-bar selector.
- Change only what needs to differ at that size — overrides cascade to smaller breakpoints.
- Preview across breakpoints to confirm the cascade.