Application

The Flex container uses the Flexbox CSS layout model. This is used to arrange, align and distribute elements. A distinction is made here between parameters on the parent element and the child elements.

During positioning, the system switches from absolute positioning to relative positioning. This makes it easier to implement responsive approaches.

Sample:

Setting the "Flex Layout" property

{
  "alignItems": "Center",
  "justifyContent": "Space-Evenly"
}