This week I realized again something about flexbox and flex-basis in particular which I tend to forget while working on
other CSS styles.
It is about the flex-basis property:
<percentage>of the parent flex container's main size property, or the keyword
What is referred here as "main size" is the size along the main axis of the flexbox.
Thus, this means flex-basis refers to:
widthin case of
heightin case of
My misconception here was that
flex-basis ALWAYS refers to the