Axes of Flexbox
1. Main Axis: Direction of flex items (left-to-right, right-to-left, top-to-bottom, bottom-to-top).
A) left to right
flex-direction: row
B) right to left
flex-direction: row-reverse
C) top to bottom
flex-direction: column
D) bottom to top
flex-direction: column
2. Cross Axis: Perpendicular to the main axis.
CSS Flexbox and Its Properties
CSS Flexbox, or Flexible Box Layout, is the layout model designed to create flexible and responsive layout structures without using float or positioning. By applying display: flex to a parent container, it becomes a flex container, and its children become flex items. This allows control over the items’ growth, shrinkage, and space distribution.
Note: Not all browsers support the flexbox properties, so make sure that the browser you are using supports this property.