Flexible 960.GS

This is just an example of how flexible the 960.GS grid is… (go ahead, try resizing your browser!). The idea here is simple: One template, multiple layouts served up for all sorts of different screen sizes, resolutions, even devices. Works like a charm on mobile phones and tablets too. Even the navigation bar knows when the screen gets to small. Kawwahbunga!!!

[sixteen_columns]x[/sixteen_columns]

[twelve_columns]x[/twelve_columns] [four_columns]x[/four_columns]
[four_columns]x[/four_columns] [twelve_columns]x[/twelve_columns]

[four_columns]x[/four_columns] [four_columns]x[/four_columns] [four_columns]x[/four_columns] [four_columns]x[/four_columns]

[onethird_columns]x[/onethird_columns] [onethird_columns]x[/onethird_columns] [onethird_columns]x[/onethird_columns]

[two_columns]x[/two_columns] [two_columns]x[/two_columns] [two_columns]x[/two_columns] [two_columns]x[/two_columns] [two_columns]x[/two_columns] [two_columns]x[/two_columns] [two_columns]x[/two_columns] [two_columns]x[/two_columns]

[one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column] [one_column]x[/one_column]

Leave a Reply