The State of CSS 2019 survey suggests very high awareness but less usage of Grid than Flexbox. Usage in the wild is around 6% of page views but growing steadily, per chromestatus.com . The source of frustration with Grid appears to be different to Flexbox. When supporting old browsers, mainly Internet Explorer, Grid support is limited. In more recent browsers, one issue that came up multiple times is support for Subgrid , which at the time of writing is only supported in Firefox. We did not hear about other issues, and one developer saw Grid as a success story. Web developer quotes One interview participant expressed that supporting Internet Explorer limits the use of the latest grid features: We have to support IE11 and Grid support is limited. This often requires heavy workarounds, so you always have to do a lot of things with the help of additional JavaScript that you wouldn’t need to do otherwise. Simple grids work in IE11 as well, it’s often much easier to do things even without having all the latest grid features available. For other projects I’m starting to transition to grid layout. I wouldn’t say I use it 100%, Flexbox also has its use cases. I think back then I avoided using Grid, I still try to get around it especially with older devices in mind. Another participants, who also did support IE11, instead expressed how CSS Grid has been a success story for them, in terms of being implemented in all browsers and behaving correctly: We’re starting to use it right now. I think it’s kind of becoming stable right now, all browsers have implemented CSS Grid. I don’t think you can use it for every kind of layout, either, it depends on the layout you want to implement, but it’s really useful. And it behaves correctly, I think that’s been one of the great things, because every vendor has implemented that, and that’s been like a success for us. Because you’re sure you can use it and you’re not going to have big issues with it. So that is great, yes.
See also the Responsive layout section for a related finding, where Bootstrap’s grid system was credited with fixing (or avoiding) some issues. (Note that
Made with FlippingBook - professional solution for displaying marketing and sales documents online