Flexbox

Some random notes on [[flexbox]]

In technical terms, display: flex creates a flex formatting context. All direct children will participate in this context, and it means that they will use Flexbox layout instead of the default Flow layout. (display: flex will also turn an inline element, like a <span> into a Block-level element, so it does have some effect on the parent element's layout. But it won't change the layout algorithm used.)

[[20220815043921-layout-algorithms-css]]