Flexbox is a CSS layout system designed for controlling layouts along a single direction, meaning along a row OR a column. With Flexbox, you can use CSS properties to control the position and alignment of items within the layout. For example, you can use Flexbox to position buttons alongside one another in a navigation bar.
Flexbox also reduces code complexity (say goodbye to floats!) and makes responsive layouts a breeze.