1. 6
    Use the Device Toolbar to Emulate Different Screens
    3m 53s

Use the Device Toolbar to Emulate Different Screens

Share this video with your friends

Send Tweet

The Elements panel includes a tool to show you how your site will look across a variety of devices. This can be tremendously helpful when troubleshooting layout issues on specific hardware that you don’t have access to, as well as general-purpose response design. You can mock different screen resolutions and behaviors to help put you into your users’ shoes.

Mike
Mike
~ 4 years ago

I never thought of testing different screen sizes as being empathetic, but I plan on bring it up next time I show someone the device emulators in Chrome. Thanks for the awesome tip.