Responsive Layout

Basic

Pick a layout pattern and spacing to get X, Y, Width and Height formulas for Phone, Tablet and Desktop.

Spacing / gapCard heightPhone breakpoint (below)

Screen width: 1024px

Name your controls as shown below, put them inside a container (or the screen), then paste each formula into the matching property.