Responsive

Responsive design is no longer a topic reserved for consumer sites: business applications are now consulted on tablets in meetings, on the move at customer sites, or on external screens with unusual aspect ratios. A visual regression on an intermediate breakpoint (typically 820px on iPad or 1024px on a small laptop) can render part of your application unusable without anyone noticing locally, because developers usually work on a single screen size. The classic scenario: a breakpoint moved from 768px to 480px that crushes columns on tablet, a hamburger menu replaced by a desktop menu that overflows the screen, or a mobile font-size that applies all the way to 1024px and makes every text look too small on a portable display. Container queries add a new dimension of complexity, because they depend on the parent context rather than the global viewport, which makes regressions even less predictable. Today Delta-QA captures and compares each page at a single, deterministic desktop viewport, which already catches the vast majority of visual regressions. Team-defined multi-viewport capture, which will build a multi-format visual baseline and highlight columns that stack badly, elements that overflow, text that shrinks, components that misalign, and horizontal scrollbars that appeared across every breakpoint, is coming soon. It will let QA teams cover all breakpoints without manually resizing a browser on every screen at every release.