Live preview Cards
Container Query Card
The card switches from stacked to side-by-side based on its own width, not the viewport.
2 free, pure-CSS effects match the "container-query" tag. Each is copy-ready and needs no library or build step.
The card switches from stacked to side-by-side based on its own width, not the viewport.
Below a certain width the helper text hides and the control keeps only its label.