display: flex;
        flex-direction: row / column / row-reverse / column-reverse
        align-items: strech / flex-start / center / flex-end / baseline
        justify-content: flex-start / center / flex-end / space-around / space-between
        flex-wrap: wrap / nowrap / wrap-reverse;

        flex:        0                  1                            auto
                   wzrost        pomniejszanie się    dopasowanie pozostałej przestrzeni



        order: -5/ 300 - pierwsze w kolejności są mniejsze liczby