YUI Grid Builder

Created on top of the Yahoo! User Interface library, Responsive Grid Builder uses the official YUI Grids component to setup a cross-browser and cross-device compatible CSS grid layout for modern-day responsive websites.

Users have the ability of choosing between fixed or fluid grids, setting the total width of the grid container, the number of used columns and custom CSS prefixes for the grid, row and column CSS code.

After the grid has been generated, the CSS code needed to render the grid is displayed under the preview grid.

This code can then be copy-pasted into any new or existing project.

Requirements:

• JavaScript enabled on client side
• Node.js 0.6 or higher
• Express 2.5 or higher