Uploaded October 2019 | Updated September 2026, 2 weeks ago

---

It's a common pattern to align form labels and inputs in grid-like layout. I'll show you how to do it quickly using CSS subgrid, with several quick fallbacks. Subgrid will be available in Firefox 71, and you can use it already in Firefox Nightly – but there's no need to wait. Subgrid works great as a quick enhancement on top of you existing layouts!

Demo: codepen.io/mirisuzanne/pen/dybOjLG?editors=1100

#subgrid #CSSGrid #miriamsuzanne