summaryrefslogtreecommitdiff
path: root/3 resources/css/flexbox.md
blob: 9e8f95ee3453970d18f333d1bd9b36afa7c94fdb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
Flexbox deals with layout always in only one dimension; it's possible to specify which dimension: either vertical or horizontal.

Two axes: main and cross

Control main axis: `flex-direction: row|row-reverse|column|column-reverse`. The first two make it a horizontal layout and the latter make it a vertical layout.

Cross axis is always the opposite of `flex-direction`, so if `flex-direction: row-reverse` the cross axis is `column-reverse`.

[[TODO]] What is: "writing mode of the document"? Mentioned on the docs.
This document explains: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Relationship_of_flexbox_to_other_layout_methods#writing_modes