Intead of having things accidentally sliding ontop of or shift below it sets everything on the same level, and shifts the items around on a axis.
Basically it’s similar to the idea of having an ‘x’ and ‘y’ axis in graphing, it’s a way to think of how the layout will be set or shift.
Reordering isn’t exactly the best idea when trying to be as accessibility friendly as possible, same with direction change pretty much anything that changes the view away from what the html is.
Read up to “Flex-Flow Shorthand”
There are a lot of intrinsic properties to using flexbox that automatically do things like align or center, that make it a lot easier to use. Also flexbox is responsive and mobile friendly.
It does make the task of tackling css/ web design or layout much less daunting to know there are tools in the code laid out to make life easier.
Bookmark and Review Learn CSS - Layout