How We Adopted CSS Grid at Scale | Julian Gaviria — Web Designer
First posted by mundizzle march 2018.
From team buy-in to fallbacks, here's the approach we took at Thomas with the implementation of CSS Grid.
“Instead of choosing one over the other, we agreed to use CSS Grid at the layout level and Flexbox at the component level (arranging child items of components). Although there’s some overlap and in some cases both could be used interchangeably, abiding by this rule helped us avoid any confusion in gray areas.” #aeasea
Last month we launched the redesign of Thomasnet.com — the backbone of the American manufacturing industry (and the company that happens to employ me…
A great article from Julian detailing his approach to a rebuild of thomasnet.com using CSS Grid. This tutorial comes packed with the rationale, grid foundations, and example Sass set up with fallbacks to unsupporting browsers.
Interesting case study of introducing CSS Grid, though misunderstands how feature queries should be used (the *newer* stuff, not the fallback, goes in the @supports block).