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:
An absolute
<length>
, a<percentage>
of the parent flex container's main size property, or the keywordauto
.
What is referred here as "main size" is the size along the main axis of the flexbox.
Thus, this means flex-basis refers to:
-
width
in case offlex-direction: row
-
height
in case offlex-direction: column
My misconception here was that flex-basis
ALWAYS refers to the width
.
Top comments (0)