This adaptive implementation of YUI Grids switches out the Grid template depending on the size of the viewport.
- When the available screen space is larger than 950 pixels, use doc2 and the widest sidebar — either left or right
- If you have less than 950 pixels, use doc and the medium size sidebars
- If you have less than 760 pixels, use doc3 and the smallest sidebars
- If you have even less — say 600 pixels — at your disposal, show the side bar below the main content
For the full description of this implementation, please check out Christian's AutoGrids article on YUIBlog.