Use the complete product designer at different sizes.
Both live instances use the same products and controls. Each one automatically reorganizes its interface around the width and height available in its own container.
Medium product designer
One interface that adapts to its container.
Responsive behavior is calculated from the actual designer size, allowing the same configuration to work in wide pages, narrow columns and compact layouts.
Container responsive
Controls react to the designer container instead of relying only on the browser viewport.
Automatic layout
Toolbars, modules and content windows reorganize when the available space becomes smaller.
Same product data
Products, views, content libraries and export settings work consistently at every size.
Independent instances
Each designer keeps its own product selection, edits, history and interface state.
Place the designer where your layout needs it.
Choose the dimensions for each instance and let its responsive interface handle the available space.