Do you use Chrome DevTools Device Mode to design and test your mobile views?

Updated by Brady Stroud [SSW] 1 year ago. See history

123

Making a responsive website work well on a mobile is not easy but with the right tools you can save time and avoid bugs. You should use Chrome DevTools Device Mode to test different screen sizes.

Image

❌ Figure: Bad example - Using your browser to test a responsive website layout

Image

✅ Figure: Good example - Using Device Mode & Mobile Emulation in Chrome

How to test a responsive website with Chrome DevTools Device Mode

  1. Watch this video below
  2. Read the documentation on the Chrome Developer Website.
Additional resources:
acknowledgements
related rules