Scenarios
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
| Plan | Available viewports |
|---|---|
| Free | Up to 3 viewports |
| Starter | All viewports |
| Pro | All viewports |
| Custom | All viewports |
Even on the Free plan, you get access to all three viewport sizes. The limit of 3 viewports means 3 total across all scenarios.