Що таке Flexbox?

Flexbox, short for Flexible Box Layout, is a powerful layout module in CSS designed to streamline the alignment, distribution, and organization of elements within a container.

Примітка

Усередині flex-контейнера багато звичайних правил позиціонування не застосовуються так, як очікувалося. Давайте розглянемо наступний список:

• Робота з flex-елементами відрізняється від роботи з елементами inline або block-level.
• На відміну від елементів block-level, flex-елементи не перекривають інші елементи і не накладаються один на одного.
• Поля, застосовані на краях батьківського елемента, не виходять за його межі.