A grid is an underlying structure in which a design is built upon. It consists of rows and columns that are used to align text and images. It allows you, as a designer, to make placement decisions easier and more consistently. Typically, a design based on a grid will have excellent readability and a more professional, organized appearance.
Grid-use has been standard practice in print design for at least a half-century or more. This practice is now being applied to web design. In print design, horizontal rows are emphasized as much as vertical columns. In web design, however, the difficulty in controlling vertical space has led to more emphasis on columns.
978 is a grid layout system that uses 12 columns at 54px, with 30px gutters. This comes out to a total of 978px, which uses up most of the space on a 1024x768 monitor.
978.gs is a website promoting modern grid system use in web design. Our most popular grid system is 978, but we offer others as well.
The 978 grid system uses 12 columns at 54px, with extra roomy 30px gutters. This comes out to a total of 978px, which uses up most of the space on a 1024x768 monitor. Almost every computer and tablet in the world today is capable of displaying designs built on this grid.