Arrange the layout for computers, tablets and phones

Resize and arrange

• Drag the handles on the right, bottom or corner of an element. Sizes snap to a 4 px grid; hold Shift to keep the proportions.
• Stack and Grid place their children in rows, columns or cells.
• Inside a Free frame, elements can be placed anywhere, with guides that snap to the edges and centres. Hold Alt while dragging to move without snapping.

Breakpoints

Choose Device / breakpoint in the top bar: Wide, Desktop, Tablet or Mobile. Changes you make on a smaller breakpoint apply to it and to smaller ones only, so the desktop layout stays as it is. You can also hide an element on one breakpoint from Layers.

You can add up to four Custom breakpoints in the Design panel.

Editing on a phone or tablet

The builder works by touch: long-press to pick up an element or section, pinch to zoom, tap to select and tap again to edit text.