Subgrid Keeps Making the Case for Itself
Most of my grid work falls into two buckets. Either I'm setting up basic, probably equal-width columns with something safe like grid-template-columns: repeat(3, minmax(0, 1fr));, or I'm five minutes into a real layout and realize I really want subgrid.
Subgrid is an intuitive way to let a child element on the grid inherit relevant grid lines from its parent. Rachel Andrew has a great recent video covering it — we linked her talk on the same topic last year. It's such a clutch feature, and I wish we could rely on it cross-browser. Right now, Firefox is the only one with it (Chrome issue, Safari issue).
In a recent video, around the 20-minute mark, I realize subgrid would make even a fairly simple layout much nicer — removing the need for variables or magic numbers. Here's another video of Dave and I literally building a layout with subgrid:
