The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

Use the Device Toolbar to Emulate Different Screens

Use the Device Toolbar to Emulate Different Screens

3:53
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.
Watch this lesson now
Avatar
egghead.io

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.

Avatar
Mike

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.

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?