This is about the Bulma CSS framework
I'm using Bulma version [0.4.0]
I'd like to use is-fullwidth on some tabs but only for mobile. There are only 3 small tabs and on desktop is-fullwidth spaces them too far apart. On mobile they feel a lot nicer evenly spaced.
So my question is how do I do something like is-fullwidth-mobile?
You can put flex-grow: 1 on .tabs li but only on mobile with your own media query.
@media screen and (max-width: 768px), print {
.button.is-fullwidth-mobile {
display: flex;
width: 100%;
}
}
Most helpful comment
@media screen and (max-width: 768px), print {
.button.is-fullwidth-mobile {
display: flex;
width: 100%;
}
}