Preview a Website on All Devices Using Chrome Inspect

During a website redesign, or at anytime, it is important to know how your website renders for various screen sizes and devices. Chrome has an extension within its inspect toolbar that allows you to preview these right from your desktop.

Instructions

1. Open your website, not logging in is preferred
2. Right-click anywhere on the page and click Inspect
   
3. In the top left side of the inspect panel, click Toggle Device Toolbar (device icon) or you can use Ctrl + Shift + M
   
4. Your website will likely have shifted display to a default option. To change this, click on the Dimensions drop-down above the website display and select any option you wish to preview.