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
Want to join the discussion?Feel free to contribute!