The main components of Flexbox are:

• Flex Container: The parent element that holds flex items. It is created by setting display: flex or display: inline-flex.
• Flex Items: The child elements inside the flex container.
• Main Axis: The primary axis along which flex items are laid out (horizontal by default).
• Cross Axis: The axis perpendicular to the main axis (vertical by default).