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.


One of the most common problems in front-end development is when you have a responsive grid and all of the columns need to be of equal height, with varied amounts of content within each column. You may have for example a grid of portfolio items with a full bleed…