Flexbox – новая технология

браузеров. Flexbox предоставляет инструменты для быстрого создания сложных, гибких макетов, и функции, которые были сложны в традиционных методах CSS.
Долгое время единственными надёжными инструментами CSS вёрстки были такие способы как Float (обтекание) и позиционирование.
С их помощью сложно или невозможно достичь следующих простых требований к макету:
Вертикального выравнивания блока внутри родителя.
Оформления всех детей контейнера так, чтобы они распределили между собой доступную ширину/высоту, независимо от того, сколько ширины/высоты доступно.
Сделать все колонки в макете одинаковой высоты, даже если наполнение в них различно.

от доступного пространства и свойств;
широкие возможности для вертикального и горизонтального выравнивания объектов;
возможность гибко управлять расположением объектов без изменения их порядка в html коде;
адаптация для языков с написанием с права на лево позволит автоматически располагать элементы в правильном порядке;
изучение свойств Flexbox не занимает много времени, что позволяет быстро приступить к его использованию на практике.

Недостатки
использования Flexbox

Вы должны объединять flex-элементы в рамках родительского элемента.
Из-за большого количества возможностей, вначале этот метод может показаться сложным и запутанным.
* Поддержка браузеров по-прежнему несколько ограничена, поэтому не забудьте проверить, какие браузеры вам нужно поддерживать в проекте