Is it safe to use Flexbox and Grid freely by now (2020)?

Question

I'm afraid it's not a code talk but, Flexbox and Grid in CSS3 have always made my life easier. But I can't stop worrying about the browser compatibility. Is it seriously safe to use Flexbox and Grid without hesitation in 2020 (now)?

Answer 1

Whether it's "safe" depends on the percentage of browsers your target audience is using. So the problem can be considered subjective.

There is no fatal instability because at the moment it is rich in polyfills and most modern browsers support flexbox and grid layout.

Support tables of flexbox and grid layout:

• https://caniuse.com/#feat=flexbox
• https://caniuse.com/#feat=css-grid

Polyfills:

• https://github.com/FremyCompany/css-grid-polyfill
• https://github.com/jonathantneal/flexibility