CSS Grids: Available Preset Templates

Choosing a Two-Column Preset Template

Your page can be comprised of two blocks of content. Each block is a div with one of six classes: div.yui-t[1-6]. Your main content block should be wrapped in another div: div.yui-main. (We wrap instead of overload to offer source-order independence.)

You can choose any of the six classes below. The main column's width will be your page width minus the fixed-width of the preset template's narrow columns as in the following table, minus a 1em gutter between blocks.

Note:

Because CSS examples are susceptible to other CSS on the page, this example is only available in a new window at the above link.