http://jensimmons.com/presentation/progressing-our-layouts

https://drafts.csswg.org/css-conditional-3/#at-supports

https://getflywheel.com/layout/combine-flexbox-and-css-grids-for-layouts-how-to

https://www.sitepoint.com/building-trello-layout-css-grid-flexbox/

https://rachelandrew.co.uk/archives/2016/03/30/should-i-use-grid-or-flexbox/ ...

So there is your choice. Do you want to let your content control the way it is displayed, on a row by row or column by column basis? That’s flexbox.

Or, do you want to define a grid, and either allow items to be auto-placed into the cells defined by that grid, or control their positioning using line-based positioning or grid template areas. That’s grid.

Two ways to break CSS Grid and how to fix it