Use Live preview
A working phone-sized preview beside the editor.
Live preview renders the tutorial exactly as a visitor sees it, including Learn more popups and the congratulations screen at the end of a step-by-step tutorial. You can tap through it the way a visitor would.
- 1Toggle Live preview on in the editor header.
- 2Tap through the cards, open a popup, reach the finish screen.
- 3Toggle it off to give the editing pane the full width.
Tutorials are read on phones, not on the laptop you write them on. The preview catches long headlines and awkward crops before they ship.