Hristo Stoyanov
Hristo Stoyanov
KPCKevin Powell - Community
Created by Hristo Stoyanov on 8/8/2024 in #front-end
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:
button {
grid-column: span 1;
...
}
button {
grid-column: span 1;
...
}
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
4 replies
KPCKevin Powell - Community
Created by Hristo Stoyanov on 8/3/2024 in #front-end
flex vs grid for HTML forms and inputs?
Which one is recommended as of 2024? I see a lot of examples of laying out from elements, like this: https://www.starterapp.style/ where the flex box is the only one used. But I am afraid this is not where CSS is going... I have a feeling that grid/sub grid is the better way forward. Do you have any experiences one way or the other to share and
64 replies