CSS Flexible Box Layout Module

Method of positioning elements in horizontal or vertical stacks. Support includes all properties prefixed with `flex`, as well as `display: flex`, `display: inline-flex`, `align-content`, `align-items`, `align-self`, `justify-content` and `order`.

gap property for Flexbox

`gap` for flexbox containers to create gaps/gutters between flex items

css property: align-content: supported in flex layout

css property: align-content: supported in flex layout: baseline

css property: align-content: supported in flex layout: `first baseline`

css property: align-content: supported in flex layout: `last baseline`

css property: align-content: supported in flex layout: space-evenly

css property: align-content: supported in flex layout: `start` and `end`

css property: align-content: supported in flex layout: stretch

css property: align-items: supported in flex layout

css property: align-items: supported in flex layout: baseline

css property: align-items: supported in flex layout: `first baseline`

css property: align-items: supported in flex layout: `last baseline`

css property: align-items: supported in flex layout: `safe` and `unsafe`

css property: align-items: supported in flex layout: `start` and `end`

css property: align-self: supported in flex layout

css property: align-self: supported in flex layout: baseline

css property: align-self: supported in flex layout: `first baseline`

css property: align-self: supported in flex layout: `last baseline`

css property: align-self: supported in flex layout: `safe` and `unsafe`

css property: align-self: supported in flex layout: `start` and `end`

css property: align-self: supported in flex layout: stretch

css property: column-gap: supported in flex layout

css property: display: flex

css property: flex-basis

css property: flex-basis: auto

css property: flex-basis: content

css property: flex-basis: fit-content

css property: flex-basis: max-content

css property: flex-basis: min-content

css property: flex-direction

css property: flex-direction: column

css property: flex-direction: column-reverse

css property: flex-direction: row

css property: flex-direction: row-reverse

css property: flex-flow

css property: flex-grow

css property: flex-grow: <0 animate

css property: flex-shrink

css property: flex-wrap

css property: flex-wrap: nowrap

css property: flex-wrap: wrap

css property: flex-wrap: wrap-reverse

css property: flex: none

css property: gap: supported in flex layout

css property: justify-items: supported in flex layout

css property: place-content: supported in flex layout

css property: place-items: supported in flex layout

css property: place-self: supported in flex layout

css property: row-gap: supported in flex layout