Некоторые преимущества использования единиц измерения fr в CSS Grid:

• Читаемость и ясное описание. 14 В отличие от процентов, fr позволяет использовать целые числа, которые задают размеры относительно друг друга, а не относительно всей страницы или контейнера. 14 Это делает предполагаемое поведение ясным. 1
• Меньше математики. 14 Единица fr передаёт выполнение точной арифметики от разработчика движку вёрстки браузера. 1
• Гибкое распределение пространства. 2 В отличие от процентов, fr не учитывает отступы и границы элементов при расчёте доступного пространства. 2
• Автоматическое корректирование ширины столбцов. 3 Например, если изменить ширину левого блока навигации, ширина столбцов справа скорректируется автоматически. 3
• Избегание проблем с полями и заполнением. 5 Единица fr автоматически рассчитает размеры колонн и желобов и соответствующим образом отрегулирует размер колонн, при этом не будет зазоров. 5