В третьем уроке мы упоминали, что существуют разные способы задавать размеры. Вы знакомы с процентами, пикселями и значением auto. Все эти способы применяют и в других технологиях, например — во флексбоксах. В этом уроке мы расскажем о новой единице измерения. Её придумали для удобного распределения размеров столбцов и строк в гридах. Обозначается она так fr и называется «фракция».

Фракция — единица доступного пространства, которое можно разделить на сколько угодно частей. Когда мы задаём столбцу размер 1fr , он смотрит, есть ли вокруг другие фракции. Если других фракций нет, забирает всё свободное пространство. Если другие фракции есть, смотрит, сколько места они занимают и сколько пространства осталось ему. Элемент размером 2fr будет занимать вдвое больше свободного пространства, чем 1fr , а 3fr — втрое. Это произойдёт только в случае, когда в сетке есть другие строки или колонки с фракцией в качестве размера.