Nice article Ire!
i'm not seeing any advantages over flexbox, only additional complexity. did i miss something?
I have to take a closer look, but one advantage seems to be more control over the number of columns per row. I was making a periodic table in flexbox, and needed 18 columns per row. Flexbox does not really have a simple solution for this, and I needed to use a combination of margins and something like width: calc(5.5555555556% - 6px);.
CSS grids solution? According to this article, perhaps something like: grid-template-columns: repeat(18, ?);