Калькулятор сітки

Контейнер, колонки, gutter → ширина колонки і спани

Параметри

Стандарт: 12 колонок, gutter 16–32px, контейнер 1140–1440px. Формула: колонка = (контейнер − 2×margin − (n−1)×gutter) / n. Спан = ширина k колонок + (k−1)×gutter. Мобільні сітки: 4 колонки/16px gutter; планшет 8. Контент не обов'язково на всю ширину — 8/12 колонок читається краще.

Сітка

84.7 px/кол

спан 1 кол.84.7 px
спан 2 кол.193.3 px
спан 3 кол.302.0 px
спан 4 кол.410.7 px
спан 6 кол.628.0 px
спан 8 кол.845.3 px
спан 12 кол.1280.0 px