Whenever I’m developing a responsive site or app, I sometimes get confused as to which breakpoint range I am currently viewing, to then effect changes to a particular file. So I thought that whilst working up through the minimum size breakpoints, following mobile first principles, it would be nice to have a notification on the screen that told me what the current / last breakpoint was that had been met.


I came across a familiar issue last week when fixing some css bugs for a particular project, where SVG background images appeared to be squished in IE. The problem occurred wherever I had used an SVG as a css background image and scaled it with the background-size…