CSS Grid Builder is a web tool which can create standards-compliant grid layouts with a few clicks.

Outputs are generated with the powerful Yahoo! UI Library: Grids CSS which offers pre-built templates & page layout combinations.

Auto CSS Grid Builder

YUI Grids CSS:

  • Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
  • Supports easy customization of the width for fixed-width layouts.
  • Flexible in response to user initiated font-size adjustments.
  • Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
  • Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
  • Layouts less than 100% are automatically centered.
  • Accommodates IAB’s Ad Unit Guidelines for common ad dimensions.
  • Offers full A-grade browser support.

CSS Grid Builder is a quick solution specially for Yahoo! UI Library users or web developers who are better in coding rather than design.