Test your mobile layout with browser tools

Narrowing a window gives an initial clue, but browser device tools offer more controlled testing.

Open the page in Chrome and launch DevTools from the developer tools menu.

Enable the device toolbar and select a typical phone width.

Scan from top to bottom for text or images overflowing horizontally.

Test the menu, contact button, and forms in the same mode.

Switch between portrait and landscape and watch how the layout rearranges.

Simulated speed or network conditions are only approximations and do not replace real-device testing.

Open the page on at least one real phone and try tapping its controls.

If buttons are crowded or text is cut off, record the exact issue with a clear screenshot.

After a fix, repeat the same path to confirm that the problem is actually gone.

Official sources

• Chrome DevTools — Device Mode