Flexbox — это модель раскладки для одномерного расположения элементов (в строку или колонку). Задаёшь display: flex контейнеру, а дальше управляешь через justify-content (по главной оси), align-items (по поперечной), flex-direction, flex-wrap. Дочерние элементы можно растягивать через flex-grow, сжимать через flex-shrink, задавать базовый размер через flex-basis. Flexbox идеален для навигаций, карточек, центрирования элементов — всё, что в одном измерении.