CSS 25 💻 flex-direction and flex-wrap properties

a - flex-direction property

    flex-direction sets the direction of the main axis
    It also sets the direction, normal or reverses
    values → row, row-reverse, column, column-reverse
    flex-direction: row; → sets the main axis to row and normal direction(default)
    flex-direction: column; → sets the main axis to column and normal direction
    flex-direction: row-reverse; → sets the main axis to row and reverse direction


b - flex-wrap property

    flex-wrap wraps or unwraps the items when they exceed the container's size
    values → nowrap, wrap, wrap-reverse
    wrap → forces the items onto multiple lines
    nowrap → forces the items onto one line(default)
    wrap-reverse → like wrap but start and end are inverted
    flex-wrap: nowrap; → sets to nowrap
    flex-wrap: wrap; → sets to wrap
    flex-wrap: wrap-reverse; → sets to wrap and reverse