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
<introEmbed body={<> 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

Duncan Hunter
Related rules

Need help?

SSW Consulting has over 30 years of experience developing awesome software solutions.

We open source.Loving SSW Rules? Star us on GitHub. Star