A presentation at Mozilla Developer Roadshow Asia 2019 by Chen Hui Jing
Grid has lived up to the hype and since its release in 2017, it has been increasingly used in production, from personal sites to big name organizations like the New York Times, Sony and slate.com. Even though Grid allowed us to do many things with an ease that was not possible before, there is still room for improvement. Cue Subgrid. This feature allows nested grids to participate in the sizing of their parent grids, solving a major pain point developers faced with just Grid alone. This talk will explain how subgrid works and the use-cases it solves.
The following resources were mentioned during the presentation or are useful additional information.
Demo page of examples that showcase the different Grid properties and how DevTools can “explain” to us what is going on
Demo page of examples that showcase the different Subgrid properties and how DevTools can “explain” to us what is going on
Delivered at the Taipei stop
Proper English version, delivered at the Seoul stop
Here’s what was said about this presentation on social media.
for free. You
can too.