Hello CSS diplay:grid gods!
How do I make these 2 buttons at the bottom occupy the same row:
https://codepen.io/Hristo-Stoyanov-the-solid/pen/PorWpKM
Note: this works if i do this:
But then the backward buttonn expands the column too much so the radio boxes look weird.
I am trying to:
- avoid flex
- avoid wrappers for the buttons
- avoid depending on specific number of columns in grid-template-columns
- avoid reference to any IDs
... So that I can re-sue the code across many such forms
1 Reply
remove
grid-column: span 2; from button
also, you REALLY, REALLY, REEEEEEEEEEEEEEALLY should add a wrapper to those buttons
or, put the input radio inside the label and style that