Viewports
Test your pages across desktop, tablet, and phone screen sizes.
VisualQ captures screenshots at multiple viewport sizes to ensure your pages look correct on all devices.
Available viewports
| Viewport | Width | Height | Label |
|---|---|---|---|
| Desktop | 1920px | 1080px | desktop |
| Tablet | 768px | 1024px | tablet |
| Phone | 375px | 667px | phone |
Configuring viewports
When creating or editing a scenario, toggle which viewports to include. Each enabled viewport generates a separate screenshot and comparison.
A scenario with all three viewports enabled will produce three baseline images and three test comparisons per run.
Viewport status
On the project overview and scenario pages, viewport results are shown as colored dots:
- Green — passed (within threshold)
- Red — failed (visual differences detected)
- Gray — no baseline yet
Plan limits
All three preset viewports are available on every plan (Free through Enterprise).
| Viewport | Width | Height |
|---|---|---|
| Desktop | 1920px | 1080px |
| Tablet | 768px | 1024px |
| Phone | 375px | 667px |
On Team and above, the scenario editor also labels Firefox and WebKit as Team+ browsers. Browser plan gating is not yet enforced at run time — see Plan limits.