The underlying grid of every “content-element” is powered by a customized version of the Less Framework. If multiple columns are available (on desktop browsers and devices larger than iPhone), one column is always 68px wide with a gutter of 24px. At a page width of 955px+ there are ten columns. Eight columns are available for page widths that do not exceed 768px. For iPhone and small devices there’s just one column.
|Larger than 955px||10||Large desktop, iPad landscape|
|Between 954px and 768px||8||Small desktop, iPad portrait|
|Between 767px and 480px||1||Mobile phone, iPhone landscape|
|Between 479px and 320px||1||Mobile phone, iPhone portrait|