Uploaded October 2019 | Updated September 2026, 2 weeks ago
Card layouts are popular on the web, rows and columns of boxes with similar content. CSS grids can help align those cards, but it can still be hard to line-up content inside the cards: headers and footers that might need more or less room. That's why we need "subgrid" – coming in Firefox 71 and available now in Firefox Nightly. This is a great opportunity to quickly enhance our designs for modern browsers, without losing anything in the browsers without subgrid support. I'll show you how!
Demo: codepen.io/mirisuzanne/pen/xxKRpmq?editors=1100
#subgrid #CSSGrid #miriamsuzanne
Card layouts are popular on the web, rows and columns of boxes with similar content. CSS grids can help align those cards, but it can still be hard to line-up content inside the cards: headers and footers that might need more or less room. That's why we need "subgrid" – coming in Firefox 71 and available now in Firefox Nightly. This is a great opportunity to quickly enhance our designs for modern browsers, without losing anything in the browsers without subgrid support. I'll show you how!
Demo: codepen.io/mirisuzanne/pen/xxKRpmq?editors=1100
#subgrid #CSSGrid #miriamsuzanne
