diff options
| author | Jasper Ras <jras@hostnet.nl> | 2025-01-08 10:48:09 +0100 |
|---|---|---|
| committer | Jasper Ras <jras@hostnet.nl> | 2025-01-08 10:48:09 +0100 |
| commit | ed0753ad224f0c65133bd7a63180257eecd9f5e3 (patch) | |
| tree | cc662868574fe17db58be9e0faadd452c84dc59c /3 resources/css/flexbox.md | |
| parent | 493be30dc981eaf762a95a1218f96893b1976727 (diff) | |
vault backup: 2025-01-08 10:48:09
Diffstat (limited to '3 resources/css/flexbox.md')
| -rw-r--r-- | 3 resources/css/flexbox.md | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/3 resources/css/flexbox.md b/3 resources/css/flexbox.md new file mode 100644 index 0000000..9e8f95e --- /dev/null +++ b/3 resources/css/flexbox.md @@ -0,0 +1,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 + + |