Главная и поперечная оси Flexbox
Разберитесь, как вместе работают направление, распределение, выравнивание элементов, перенос и линии.
ЧитатьОсновы Flexbox
Разберитесь с осями, размерами и порядком документа
Три руководства объясняют выравнивание, flex-размеры и границу визуального и исходного порядка.
Как flex-grow, flex-shrink и flex-basis делят место
Читайте трёхчастный flex и прогнозируйте распределение свободного места или нехватки.
ЧитатьВизуальный порядок Flexbox против DOM и клавиатуры
Используйте обратные направления и order, не путая размещение со смыслом и фокусом.
Читать