Flexbox — это способ управлять расположением элементов внутри блока. Одним измерением: либо строка, либо столбец. Представь поднос с тарелками. Ты решаешь: расставить их вплотную или с промежутками, прижать к одному краю или по центру, выровнять по высоте. Flexbox — это именно такой инструмент. Берёшь родительский контейнер, включаешь display: flex — и его дочерние элементы начинают подчиняться твоим командам. Всё делится на два уровня: свойства контейнера (родителя) и свойства элементов (детей)...

Чтобы быстрее усвоить материал и «пощупать» работу свойств в реальном времени, воспользуйтесь интерактивным инструментом: Онлайн-конструктор Flexbox блоков Если вы только начинаете изучать верстку, то наверняка сталкивались с ситуацией, когда элемент никак не хочет встать по центру, а два блока вместо того, чтобы встать рядом, "улетают" друг под друга. Раньше верстальщикам приходилось идти на ухищрения с float, inline-block и фиксацией высоты. Сегодня стандартом для создания одномерных макетов стал Flexbox (Flexible Box Layout). Он берет на себя все сложные вычисления: сам распределяет свободное...