A neat way of aligning the columns in tables up with each other -- a table grid system of sorts.
Apply these classes to `<col>` elements in a `<table>`’s `<colgroup>`.
Always leave one `<col>` without a class so that it remains fluid and can ‘soak up’ the effects of any breakages elsewhere in the table.

The ‘tiny screen first’ boilerplate extension*

‘320 and Up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point. Try this page at different window sizes and on different devices to see it in action.

Welcome to the home of the 978 and counterpart grid systems.

The 1140 grid fits perfectly into a 1280 monitor. On smaller monitors it becomes fluid and adapts to the width of the browser.

Beyond a certain point it uses media queries to serve up a mobile version, which essentially stacks all the columns on top of each other so the flow of information still makes sense.

Scrap 1024! Design once at 1140 for 1280, and with very little extra work, it will adapt itself to work on just about any monitor, even mobile.

Yahoos fria bibliotek av testade CSS-baserade layouter.