Note that in order to make the table header look ok when scrolling we need to add a background color and a bottom border.
There is also a bug in IE7 that causes the leftmost column to resize when scrolling. Consider using conditional comments (see source) to make sure the plugin is not loaded in this browser.
Label | Layout width | Column width | Gutter width |
---|---|---|---|
Smartphones | 480px and below | Fluid columns, no fixed widths | |
Smartphones to tablets | 767px and below | Fluid columns, no fixed widths | |
Portrait tablets | 768px and above | 42px | 20px |
Default | 980px and up | 60px | 20px |
Large display | 1200px and up | 70px | 30px |