How do I design pages with blocks and preview them on every screen?

Start from a template, drag in blocks and check phone, iPad and desktop before saving.

Customize pages with blocks1:05 · Desktop walkthrough

Steps

Open League Website and choose New page. Pick a template such as Default home, Major league home, Standings, Schedule or Registration CTA. To change an existing page, choose Customize.
The editor has three panes: Blocks, Page and Block settings. Drag a block onto the page, or focus it and press Enter.
Drag blocks to reorder them, set each one in Block settings, and use Remove block to delete one.
For your own embed, add the Custom code block and fill in its HTML, CSS and JavaScript. It runs in a sealed frame.
Use Live preview with Phone, iPad and Desktop to check your unsaved draft. Choose Save page to publish it.

On iPad: Dragging works with touch on iPad. If the three panes feel tight, turn the iPad to landscape.

Nothing on your live site changes until you choose Save page. Back to League Website leaves the editor.