Skip to main
Video
CSS Snippet for CSS subgrid to make forms

Laying out Forms using Subgrid

and fallbacks for legacy browsers

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 (Dec 3), 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!

Dont wait for full browser support to start using subgrids