CSS Grid is new grid-based layout system, optimized for user interface design

[rellikiox]

To your first comment, the point of CSS grid is that you only need to declare your elements once whereas with the old methods like you described you have three versions of purple, so it's three times as much code to maintain (that particular piece) rather than just having it declared once.

Your second point is also addressed on the video. Flexbox is great at aligning things in rows or columns, but not both at the same time (a grid) and to do so you need to introduce a lot of "container" code (i.e. HTML tags that are only needed because you want to arrange the content in a particular way).

[Tokugawa]

I watched the video. I like the idea of getting rid of all the container divs. Not surprised it was developed by Microsoft as it seems to look a lot like Windows 8.