Last week a friend of mine, Rory, created a proof of concept for a lightweight grid system using CSS variables, weighing in at a crazy 469 bytes (non-gzipped!).
After talking things through with Rory and a couple of my colleagues I really think this concept could be where the future of class-based grid systems will go, no matter if they're using Flexbox, CSS Grids,
display: inline-block; or even floats.
What is a class-based CSS Grid System?
Before I go any further, I'd better clear things up as buzzwords can be a little confusing. A class-based Grid system is a working title I like to use when a Grid's layout is dictated by the classes you have on it at present, rather than predefined properties that cannot be altered.
... read the whole story at assortment.io.