Hi, I’m trying to make a button block full-width, so that each of the first two buttons span the entire screen width like the “Go!” button at the bottom.
I’ve tried this link, but unfortunately it doesn’t work:
Custom CSS class: widebtn
CSS: .widebtn button{ max-width: 100% }
Can someone point out to me what I’m doing wrong?
Class name: maxBtnWidth
.mobile-layer [data-testid="wire-container-maxBtnWidth"] .button-box > * { min-width: 100%; }
Man, thank you so much!
I removed the “.mobile-layer” so that it also works in desktop (e.g. in a side-panel or overlay view). It works perfectly
[data-testid="wire-container-maxBtnWidth"] .button-box > * { min-width: 100%; }