Responsive form grid | CSS Grid May 23
Exploring a responsive dashboard form using CSS grid.
Forms for me are one of those notoriously tricky things to get right.
As tempting as it is to make them span the full width of the display, they really seem to need to be contained within a reasonable width, and then stacking elements—inputs, labels, or otherwise—on the same line often leads to issues with fluid layouts.
CSS Grid solves some of these problems quite nicely, with its repeat column/row flow, so assuming your forms follow a similar pattern, you can get away with rather minimal markup, compared to other methods of aligning form elements.