Quick Tip: How to display browser window dimensions in Google Chrome

If you use CSS media queries for your mobile designs this quick tip could be useful for you. Often you need to know from which screen-width your additional CSS rules for the responsive design have to start working. In Google Chrome there is a useful tool that can help you finding that width.

First of all open the Inspector by right-clicking somewhere on your website and selecting inspect element. You can also go to Tools > Developer Tools. Now if you resize the browser window you will see the dimensions in pixels in the top right corner of the browser. You will also see pixel-value-rulers at the top of the browser.