Simulate Different Screen Sizes with Device Mode in Chrome DevTools

Learn how to test your website on different screen sizes.

Simulate Different Screen Sizes with Device Mode in Chrome DevTools

In this article, you will learn how to simulate different screen sizes with device mode in Chrome DevTools in order to approximate how your page looks and performs on different devices. This is helpful if you want to ensure that the components of your page would be readable on mobile devices. There’s also value in seeing how your website would load on a device with a weak or non-existent connection to the network. After you finish reading the article, return to this page and complete the following assessments.