YUI Library Home

YUI Library Examples: Grids CSS

Grids CSS: Examples

The foundational YUI Grids CSS makes it easy to create page layouts with wireframes completely driven by CSS. Grids has three components that you can use individually or in any combination. The first part lets you set the overall page width. The second part, Preset Templates, lets you define the primary and secondary block of content (without regard to source order) and choose one of several common fixed widths for the secondary block. The third part, Nesting Grids, provides the ability to nest subdivided regions of one to four columns within any part of the page. The examples below highlight each of these capabilities.

Other YUI Examples That Make Use of the Grids CSS

Grids CSS:

Copyright © 2011 Yahoo! Inc. All rights reserved.

Privacy Policy - Terms of Service - Copyright Policy - Job Openings