PnP inject Branding Responsiveness

I have tried to work on :

https://github.com/SharePoint/PnP/tree/master/Samples/Branding.InjectResponsiveCSS

to be applied on my site in Office 365.

The way demo was shown was when you typically shorten the area of the Browser.

However, when i clicked on the mobile view in chrome it was displaying the same.

The behavior of adjustment is not a condition of responsiveness.

It is rather the way it finally appears in the mobile or some other view, which we can easily test in chrome.

Could you please let me know, if this was intended to have that behavior.

Thanks