Flexbox

Settings

Reset

box-sizing

content-box border-box unset

display

flex inline-flex unset

direction

ltr rtl unset

writing-mode

horizontal-tb vertical-rl vertical-lr sideways-rl sideways-lr unset

flex-direction

row row-reverse column column-reverse unset

flex-wrap

no-wrap wrap wrap-reverse unset

justify-content

start end flex-start flex-end center left right normal baseline first baseline last baseline space-between space-around space-evenly stretch safe unsafe unset

align-items

normal flex-start flex-end center start end self-start self-end baseline first baseline last baseline stretch safe unsafe unset

align-content

start end flex-start flex-end center normal baseline first baseline last baseline space-between space-around space-evenly stretch safe unsafe unset

flex-basis

auto fill max-content min-content fit-content content unset

width height flex-items Multiline flexitem(s)

For flex item(s) append the following text

align-self

For flex item(s) set align-self to auto normal center start end self-start self-end flex-start flex-end baseline first baseline last baseline stretch safe center unsafe center unset

Flexitem order

For flex item(s) set order to

flex-grow

For flex item(s) set flex-grow to

flex-shrink

For flex item(s) set flex-shrink to

transform