Flex:

Контейнер:
  * display: flex;                                                           - включение flex;
  * flex-dicertion: row|column;                                              - направление главной оси;
  * justify-content: flex-start|flex-end|center|space-between|space-arownd;  - выравание элементов по главной оси;
  * align-items: flex-start|flex-end|center|stretch|baseline;                - выравнивание по оси, перпендикулярной главной;

Вложенный блок:
  * align-self: flex-start|flex-end|center|stretch|baseline;                 - индивидуальное выравнивание вложенных блоков;
  * flex-basis: number|auto|initial|inherit;                                 - исходный размер блока по главной оси до применения других свойств (в пикселах, %, em или других единицах длины);
  * flex-grow: number|initial|inherit;                                       - относительный размер блока по главной оси в частях от контейнера, сосчитанных по количеству и относительному размеру блоков (безразмерная величина);
  * flex-shrink: number|initial|inherit;                                     - относительная скорость сжатия блока при сжатии контейнера по главной оси (безразмерная величина). 0 - запрет сжатия;
  * flex: (flex-grow flex-shrink flex-basis)|auto|initial|inherit;           - клмпактная запись свойств flex-grow, flex-shrink и flex-basis.