Responsive Steps

Named breakpoints (xs to xxxl) plus explicit viewport sizing. PMs see real mobile / tablet / desktop coverage in one suite.

Step phrasings in this group

The book sidebar lists each individual step page under this group.

Given the following responsive breakpoints:

Replace the breakpoint registry for the current scenario from a data table.

When I set the viewport to the "mobile" breakpoint

Resize the viewport to a registered named breakpoint.

When I set the viewport width to 1200

Resize the viewport width while keeping the current height.

When I set the viewport height to 800

Resize the viewport height while keeping the current width.

When I set the viewport to 1200 by 800

Resize the viewport to an explicit width-by-height pair.

Back to all step groups