flex-wrap 래핑 정렬

See the Pen flex-wrap by nilgi (@nilgi) on CodePen.

.fw1 {
        display: flex;
        flex-wrap: nowrap; / 기본값. 아이템을 래핑하지 않음
}

.fw2 {
        display: flex;
        flex-wrap: wrap; / 래핑하여 크기를 유지하고 창 크기에 따라 위에서부터 자동 정렬
}

.fw3 {
        display: flex;
        flex-wrap: wrap-reverse; / 래핑하여 크기를 유지하고 창 크기게 따라 아래에서부터 자동 정렬
}