Frequently used flex css classes

flex frequently used classes.css

.flex {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

.flex-row {
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.flex-center {
    align-items: center;
    justify-content: center;
}

.flex-row-center{
    flex-direction: row;
    justify-content: center;
}

.flex-column-center{
    flex-direction: column;
    align-items: center;
}

.flex-grow {
    flex-grow: 1;
}

.flex-wrap {
    flex-wrap: wrap;
}