Как указать ширину и высоту для «1fr» в сетке CSS? ⇐ CSS

[Anonymous]

У меня довольно сложный ломаный макет, которого я пытаюсь достичь с помощью сетки CSS, и это код для моего макета столбцов и строк:

Код: Выделить всё

grid-template-columns: 8fr 1fr 3fr 8fr 1fr 5fr 2fr 6fr;
grid-template-rows: 1fr 7fr 1fr 1fr 7fr 1fr 1fr 2fr 1fr 4fr 1fr 3fr;

Каждый 1fr здесь должен иметь размер 20 пикселей, а остальные масштабироваться соответствующим образом, например. 8fr будет 160 пикселей, 3fr — 60 пикселей и т. д.

Как определить ширину каждого столбца и высоту каждой строки, сохраняя при этом точный макет?

Подробнее здесь: https://stackoverflow.com/questions/609 ... n-css-grid