Flexbox размещает элементы в строках или столбцах с выравниванием и распределением — основной современный макет CSS.
display:flex в контейнере с помощью flex-direction, justify-content и align-items контролирует, как дочерние элементы растягиваются и переносятся. Flexbox превосходно справляется с навигационными панелями, рядами карточек и вертикальным центрированием без каких-либо хаков с плавающей запятой.
Комбинируйте с CSS Grid для создания двумерных макетов. Tentaco Flexbox Generator выводит копирование и вставку CSS с предварительным просмотром в реальном времени для прототипирования.