Flexbox is suited for laying out one-dimensional content. One-dimensional content is content that is only displayed along one dimension, either a row or a column. In Flexbox, the main axis is the axis that Flexbox is configured to display content along, row or column. The other axis is referred to as the cross axis.
Some Flexbox properties can negatively impact accessibility. Properties such as flex-reverse or order affect the order in which elements are displayed but not the way they are read by a screen reader and therefore shouldn’t be used when the order of items is important to the user experience.
Flexbox has many benefits over float when it comes to layout: