Skip to main content

Responsive website testing

Responsive testing checks that a web page stays readable and usable as the viewport gets narrower. A layout that looks balanced on a 1920 px monitor can break on a 390 px phone — navigation overflows, text columns collapse, images crop awkwardly and buttons drift out of reach.

Why testing on one canvas helps

Most people test one width at a time by dragging a browser window, which makes it hard to compare layouts. Sorawi Respo renders the same URL in desktop, laptop, tablet and mobile frames simultaneously, so a responsive check becomes a glance instead of a sequence of resizes — and the side-by-side view makes breakpoint issues obvious.

How to test with Sorawi Respo

  1. Enter the URL of the website you want to test and press Check.
  2. Cover the width spectrum: give each frame a preset from the 34-device library, or type an exact width between 240 and 4096 px to sit precisely on a CSS breakpoint.
  3. Flip tablet and mobile frames between portrait and landscape — each orientation is a second layout test for free.
  4. Compare the frames side by side, or switch to the free layout and arrange them however you like.
  5. Freeze the evidence: capture the canvas with or without device frames and export to PNG, JPG, SVG, WebP or PDF for tickets and sign-off reviews.

What to look for

  • Navigation — does it collapse to a hamburger menu, and do dropdowns stay usable on touch screens?
  • Text and headings — no overflow, orphaned words or hard-to-read line lengths on narrow columns.
  • Images and media — crop, scale and aspect ratio behavior at every width.
  • Buttons and forms — tap targets stay large enough and nothing falls off-screen.
  • Tables and grids — horizontal scroll or collapsing columns where they shouldn't.

Device coverage

One canvas exercises the full width range instead of a single breakpoint at a time: 8 desktop monitors (Studio Display, Pro Display XDR, iMac, Dell UltraSharp, LG UltraFine, Odyssey G7, HD Monitor), 8 laptops (MacBook Pro 16"/14", MacBook Air, Dell XPS 13, Surface devices, ThinkPad X1 Carbon), 8 tablets (iPad Pro/Air/Mini, iPad, Galaxy Tab S9, Surface Pro 9) and 10 phones (iPhone 15 Pro/Pro Max, iPhone 14/13 mini/SE, Pixel 7/8 Pro, Galaxy S24 Ultra/S21, OnePlus 11).

Known limitations

  • Previews are approximations — device pixel ratio, browser engine differences, lazy-loaded assets and cookie banners can make them differ from real hardware.
  • Sites behind interactive bot-protection checks, or unreachable sites, cannot be embedded and show a clear fallback with a link to open them directly.
  • Local development hosts (localhost) are blocked for security; test publicly reachable URLs instead.

Check a website now — no signup required. Or read about all Sorawi Respo features, exporting screenshots in five formats and how it compares to a plain viewport resizer.