Breakpoints

DragGo is responsive by default — but you can take control at any size with breakpoints.

The same design on Desktop · Tablet · Phone — the row of three cards auto-stacks as the width narrows. Add a breakpoint from the + on the artboard label.

Add a breakpoint from the canvas

1. On the base (Desktop) artboard, click the + at the top-right of its label bar.

2. Choose from the dropdown:

   • Generate — adds every missing breakpoint at once.
   • Tablet · 810 or Phone · 390 — add one.
   • Custom… — enter your own width.

3. The new artboard appears beside the others. Edit it to tune that size.

How overrides work

The Desktop design is the base. Smaller breakpoints only store what differs — change a font size or stack a row on Phone, and only that override is saved; everything else keeps inheriting from the base.

Tip

The default widths are Desktop 1200 · Laptop 1100 · Tablet 810 · Phone 390, editable under the page’s Canvas settings.

Remove a breakpoint from the × on the breakpoint bar in the left panel.