Css Flex Box Model -

The primary direction items are laid out (defined by flex-direction ).

These properties control the overall layout of the items from the parent level. Basic concepts of flexbox - CSS - MDN Web Docs CSS FLEX BOX MODEL

The model relies on two primary components: the and Flex Items . Flex Items: The direct children of that container. The Two Axes Layout behavior is determined by two perpendicular axes: The primary direction items are laid out (defined

The axis perpendicular to the main axis (e.g., if the main axis is a row, the cross axis is a column). 2. Essential Container Properties CSS FLEX BOX MODEL