offset

String - отступ между колонками сетки

default: 30px

Доступные единицы измерения:

• px - фиксированный отступ
• % - отступ в процентах от размера родительского элемента
• rem - отступ, пропорциональный значению font-size тега html

Популярные значения:

• 30px и 32px при 12 колонках
• 10px при 24 колонках.

Отступы в px и rem работают похожим образом. Единственное различие заключается в том, что при rem межколоночник можно поменять в любой момент, изменив font-size тега html.

Проценты используются редко, дизайнеры, как правило, предпочитают фиксированные межколоночники. Дело в том, что межколоночник часто зависит от размера шрифта. Поэтому он не должен уменьшаться при уменьшении размера экрана.

Однако, сетка, сделанная с межколоночником в %, не использует calc для расчёта размеров и отступов. Это повышает её кроссбраузерность, если вас ещё интересуют браузеры, не понимающие calc.