Engineering / Responsive interface repair
Interface studio
Repair a responsive screen and the save workflow beneath its surface.
Arrange five readable panels for three screen sizes. Then protect a two-step workflow: Details must be saved before Preview is published. Old replies cannot save new edits; changing Details makes Preview a draft again.
Responsive workbench
Save behavior
1 DetailsDraft
→2 PreviewDraft
Initial draft
1 / 9
The test includes a delayed reply, an upstream edit, and a fresh save of both steps.
Make a change, explore the result, then check your solution.
Need a hint?
Use one column on Phone, two on Tablet, three on Desktop. Both save protections should be enabled. Step through the events to see why.