Live preview
A page at your chosen width.
Everything below is really rendering at the viewport width selected on the left. Media queries evaluate against this frame, not your screen.
Card
Padding scales with the viewport: tighter here on a phone, airier on a desktop.
- Clipped corner from
--pf-cut - Surface tint from a role token
- 14Regions
- 10sInterval
- 99.98%Availability
- 3Incidents
Stacking table
Rows become cards under 620px
| Check | Region | Interval | Status |
|---|---|---|---|
| api-gateway | eu-west | 10s | Healthy |
| billing-worker | us-east | 30s | Degraded |
| cdn-origin | ap-south | 60s | Healthy |
Scroller
Snap points, no autoplay.
Second
Swipe or scroll.
Third
Keyboard reaches every card.
Under 620px this strip scrolls sideways instead of wrapping, because a wrapped tab strip stops reading as one control.
Fourteen regions, two must agree.
Ordered list with per-step delays.
Thirty days of raw results.