Flexbox отличается от обычных макетов (block и inline) тем, что его макет не зависит от направления. 3 Разметка осуществляется по одной оси, горизонтальной или вертикальной. 4

В обычных макетах (block на вертикальной основе и inline на горизонтальной) элементы располагаются в зависимости от направления: блочные элементы создают для себя новую строку и не располагаются рядом друг с другом, а встроенные занимают столько места, сколько нужно для отображения их содержимого. 45

Flexbox позволяет контролировать направление, порядок, ширину, высоту, выравнивание вдоль и поперёк, распределение свободного места, растяжение и сжатие элементов внутри контейнера. 1 По умолчанию он выравнивает дочерние элементы элемента рядом друг с другом в направлении inline и растягивает их в направлении block, так что все они имеют одинаковую высоту. 4