-
CSS Grid is supported by a nearly all current browsers. Flexbox by even more, back several years.
-
Together, CSS layouts are 10x simpler to write, with more power and flexibility – reducing tightly-coupled layout elements.
-
This is not a “wait for legacy support” situation. We can build better layouts in a fraction of the time, & still provide fallback options.
-
It’s time for a “CSS-Grid First” approach. jensimmons and rachelandrew have already done all the work for us: gridbyexample.com
-
Don’t let the Grid spec scare you away. There are many advanced features – but you only need the basics to get started.
-
A good place to start: Basic grid-template-areas & grid-template-columns/rows (without line-names for now). Like setting up a grid system.
-
Faster to learn, and more powerful than your grid-system of choice (including mine) - because There Are No Leaky Abstractions, just CSS.