You can control the vertical or horixontal axis, but not both at the same time like you could if it was a grid.
The main axis is whichever one you set with your flex-direction property. This will be either row or column. The cross axis runs in the other direction.
Using properties that changes the display to make it different from how the HTML is laid out will negatively impact accesssability. The row-reverse and column-reverse are examples of properties that will do that.
Flexbox makes a lot of layout tasks easier than using floars or positioning. Some of these are:
Centering content inside its parent
Making all children of a container take up equal space
Make all columns have the same height, if they have different amounts of content
Additionally, if you resize the browser window or add another article element, the layout works okay.
This is helpful in figuring out how to effiiently lay out web pages. Right now, the way that I am used to is not very quick or efficient. It is importand to know multiple strategies for using CSS to quickly know what is going to be the best way to do something.
When would floats be used? What percent of the time is flexbox used?