Chapter 8. Layout
Grids are a time-honored method for creating strong visual designs with hierarchy, visual rhythm, and context. Although CSS is not explicitly set up for creating grids—there are no row or column properties—designers have developed methods to overcome this limitation.
The voxLibris site is designed around a three-column structure with a fixed width and fluid height. We’ll start by resetting all of the browser default properties, and then creating a layout grid for our design.
Layout begins with the HTML document, which creates the structure on which the CSS is applied. A Web page’s structure can take a variety of forms and ...