Knockout is based on a 14-column, fully responsive grid. This allows for a column of responsive gutter on each side and a 12-column grid for content within. The reason we use responsive gutters instead of fixed gutters is so that we can viewport units to define responsive margin, padding, and columns that stay on grid, while avoiding the complications of nested percentage units. These units convert to pixels at 1920 and stop expanding.
We have two column suites: viewport-based for modular layouts & percentage-based for repeating elements; & also an offset suite that corrects for gutters in layouts with repeating elements.
Tip: There are modifier classes for each viewport, but you must switch to tablet view to see tablet classes & mobile view to see mobile classes.