Responsive behaviour

Resize the widget

The widget uses @container queries, not viewport breakpoints, so it responds to the size of its parent. Drag the handle on the right edge — or use the slider — to resize the same instance and watch the slides reflow.

  • < 640px: every slide is full width; dark overview hidden (hideOnNarrow).
  • ≥ 640px: slides are 1/2 width — two visible at a time.
  • ≥ 960px: each slide uses its size prop (default 1/3, detail slide 2/3); overview slide appears.
800px
Tablet (≥ 640px)
November
$790
of $1000 budgeted
Categories