Кілька років тому я взявся за створення дашборду. Нічого складного — лише фіксована бічна панель, основна область контенту та футер. Flexbox здавався очевидним вибором, і спочатку він працював належним чином. Потім я додав рядок карток у головну секцію. Весь макет розвалився. Наступні три години я провів у боротьбі з коефіцієнтами `flex-grow
Перша проблема — це недбале використання одиниць вимірювання. Якщо ви визначаєте grid-template-columns: 1fr 1fr 1fr, але вашому дизайну потрібно лише дві колонки контенту, цей третій трек все одно існуватиме. Він або залишиться порожнім і створить неочікуваний розрив, або змусить ваш реальний контент стискатися так, що це порушить ваш дизайн. Дійте свідомо. Якщо вам потрібно дві колонки, пишіть repeat(2, 1fr).