FR (Fractional Unit) — это единица измерения, используемая в CSS Grid для определения размеров и расстояний между ячейками лейаута.
CSS Grid — это CSS-модуль, предназначенный для создания сеток (лейаутов) на веб-страницах. С помощью этого модуля можно располагать элементы страницы в ячейках, управлять их размерами и расстояниями между ними.
FR в CSS Grid позволяет установить размер ячейки или расстояния между ячейками с помощью дробной доли от общей ширины или высоты сетки. Например, если мы установим значение «1fr» для размера ячейки в строке или колонке сетки, она займёт одну равную долю от всей доступной ширины или высоты контейнера.
FR также позволяет изменять размеры ячеек или расстояния между ними в зависимости от размера контейнера. Это делает CSS Grid очень гибким и позволяет создавать респонсивные (адаптивные) лейауты для различных размеров экранов.