I noticed that the flow direction, which is stated to follow flex-box is actually behaves the opposite to the flex-box.
flow: "column" - render items side by side, although the main axis is set to column, meaning vertical, as it is in flex-box.
flow: "row" - render items one under another, although the main axis is set to row, meaning horizontal as it is in flex-box.
Good point. Our "row" means "split things up into rows", rather than "arrange everything on the same row". The docs could use some clearing up on that.
I noticed that the
flow
direction, which is stated to followflex-box
is actually behaves the opposite to theflex-box
.flow: "column"
- render items side by side, although the main axis is set tocolumn
, meaning vertical, as it is inflex-box
.flow: "row"
- render items one under another, although the main axis is set torow
, meaning horizontal as it is inflex-box
.Here is an article from
CSS Tricks
with examples: https://css-tricks.com/snippets/css/a-guide-to-flexbox/Or am I missing something?