ENGINEERING & TEST · GUIDE 38/50 · FREE REFERENCE

Test narrow-screen layout

The problem

Desktop-only testing misses clipped buttons and unusable tables.

Practical procedure

Run the tool at 320, 375 and 768 CSS pixels; allow data tables to scroll inside their container.

Worked scenario

At 320 pixels, the simulator's input fields should stack and the export button remain visible.

Acceptance check

Capture screenshots and verify no page-level horizontal overflow.

Apply the method

Use the related interactive tool to try the concept on an inspectable example. Record the starting assumptions and expected result before changing settings, then compare what the tool actually does. Where the result differs, keep the release marked experimental and document the discrepancy.

Further reading: Relevant primary technical documentation. This guide is an educational procedure, not a substitute for independent usability or compliance review.