
Faster Layouts with CSS Grid
And subgrid
, landing on Dec 3
CSS Grid has been available in most major browsers since early 2017,
and it makes web layout more powerful than ever before.
But complex-looking new syntax
(line-names! grid-areas! minmax
! fit-content
! fr units
!)
and missing IE11 support can make it scary to many developers.
Don’t let that stop you: CSS Grid has made my layout process faster and simpler, with more flexibility. We can get started with a few basics, and the fallbacks don’t have to be overwhelming:
Check out this practical demo with a classic layout
With Subgrid, we can also start to lay out nested elements on a shared grid:
Subgrid for Better Card Layouts, with fallbacks for legacy browsers
Laying Out Forms using Subgrid

Resilient Web Training & Consulting
Take full advantage of the universal web, and reduce maintenance over the long term with resilient HTML, CSS, and JS systems. OddBird provides custom consulting and in-depth trainings on front-end architecture and workflow – from advanced HTML/CSS to integrated design systems, component libraries, testing, and documentation.
Contact us for 1-3 day workshops with Miriam Suzanne, or custom web app creation with our team of Python, UX, and front-end experts.
Schedule a call with Miriam