From 9232b8d817d4cd4122947375156fa2fa1e9fba14 Mon Sep 17 00:00:00 2001 From: Jasper Ras Date: Mon, 13 Jan 2025 13:16:06 +0100 Subject: vault backup: 2025-01-13 13:16:06 --- 3 resources/css/Flexbox.md | 14 ++++++++++++++ 1 file changed, 14 insertions(+) create mode 100644 3 resources/css/Flexbox.md (limited to '3 resources/css/Flexbox.md') 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. + -- cgit v1.2.3