Flexible Box — это мощный механизм построения гибких лейаутов.
На этих видео кратко, по сути и с замечательными примерами описаны все свойства, необходимые для реализации флекс лейаута, такие как:
— display: flex
— flex-direction
— justify-content
— align-items
— flex-wrap
— align-content
— flex-flow
— order
— align-self
— flex
Очень хорошие ресурсы в это теме:
— A Complete Guide to Flexbox
— Полное руководство по Flexbox
— Что такое Flexbox? Описание всех css свойств, основные принципы, преимущества и недостатки.