flex-direction
property, it can be either row
or colomn
. And the other irection is the Cross AxisUse of properties that reorder visual display away from how HTML orders things can impact accessibility, for instance row-rever
or column-reverse
can negatively impact accessibility as reverse the flow of things which is also the reverse of what a screen reader will follow
flexbox
over float
include: it allows elements to be verticcally centered inside its parent (which float cannot do), and all children can have an equal amount of available width/height regardless of how much is available (which float
will stack on top of the content), and all columns in a multiple-column layout adot the same height even if they have different amount of contentflexbox
with table