FlexBox состоит из Контейнера и его Дочерних элементов (items). Для включения flexbox, любому HTML элементу достаточно присвоить css свойство display:flex; <style> .flex{ display: flex; } </style> <div class="flex"> <div class="item">1</div> <div class="item">2</div> </div> CSS свойства Flexbox Flexbox содержит разные css правила для управления всей flex конструкцией. Одни нужно применять к основному контейнеру, а другие к элементам этого контейнера. Для контейнера: display: flex - элемент растягивается на всю ширину и имеет свое полное пространство среди окружающих блоков...

Делаю сайты разных мастей уже лет 5-6. Когда я узнал о flexbox, я был в шоке... Все так просто? Нет больше танцев с бубном, тысячи ̶ч̶е̶р̶т̶е̶й̶ костылей и float от которого уже тошнит! Но я бы не сказал что вход легкий, особенно если начинаешь новый проект и решаешь окончательно перейти на flex. Скорость разработки падает и из-за нехватки опыта приходится переделывать огромные куски верстки потому что "сразу не дошло как лучше". Тогда уже был в стадии "почти готово" css grid, его я сразу отмел...