Sometimes, we want to set a fixed width column with CSS flexbox.
In this article, we’ll look at how to set a fixed width column with CSS flexbox.
How to set a fixed width column with CSS flexbox?
To set a fixed width column with CSS flexbox, we use the flex-basis style.
For instance, we write
.flexbox .red {
flex: 0 0 25em;
}
to set the width of the element with class red in the element with class flexbox to 25em.
25em is the flex-basis value.
We disable flex grow and flex shrink respectively with the first 2 numbers.
Conclusion
To set a fixed width column with CSS flexbox, we use the flex-basis style.
