Loading…
6
Showerthought: a form with 12 inputs broke my row alignment until I found out subgrid has been shipping in Firefox since version 71
I kept reaching for display: flex on each field wrapper to fake aligned labels, and it was a mess. Then I looked up browser support and saw subgrid landed in Firefox way back in 2019, so my whole guess-and-check column hack was pointless. I switched the form to grid-template-columns: auto 1fr and let the fields share the parent rows with grid-row: span, and the labels lined up on the first try. Anyone else still fighting this with nested grids, or am I just late to it?
0 comments
Log in to join the discussion
Log In0 Comments
No comments yet
Be the first to share your thoughts on this discussion.