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
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
