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

Если говорить по-простому, это такой хитрый механизм, с помощью которого браузер решает, какое именно правило применить к элементу, когда на него претендуют сразу несколько селекторов. Представьте себе иерархию в какой-нибудь серьезной конторе. Директор сказал одно, начальник отдела — другое, а коллега нашептал третье. Кого вы послушаете? Вот и браузер постоянно занимается таким взвешиванием авторитетов. Тут не нужно быть математиком от бога, но прикинуть в уме придется. У каждого типа селектора есть своя «убойная сила». Весь этот винегрет обычно представляют в виде четырех чисел, разделенных запятыми...