vault backup: 2025-01-13 13:16:06

1 files changed, 14 insertions, 0 deletions

diff --git a/3 resources/css/Flexbox.md b/3 resources/css/Flexbox.md
new file mode 100644
index 0000000..04d5af2
--- /dev/null
+++ b/3 resources/css/Flexbox.md
@@ -0,0 +1,14 @@
+#css 
+
+---
+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`.
+
+The writing mode determines where the start and end are, based on for example languages. Japanese is written from right-to-left rather than western left-to-right.
+So while in Europe the start of a flexbox is at the left and the end at the right in Japan this would be reversed.
+