Responsive Design

Why not include some CSS3 media queries to adapt the layouts to the screen sizes for mobile? I have written an extension to 960 so that at dimensions 320 & 480 the grids stack on top of each other and are full width to the container; which is confined to the max-width of the screen. At 600-959 width I redefined the grids so that they are proportionally similar so the design is the same but the text within grids is essentially larger on the screen without needing to mess with font-size-ing. And finally at widths 960 and greater I allow the original styles to do their magic.

I worked on this over this weekend so that I can continue to use 960 for my companies websites but to have a responsive feel on mobile devices and small screens. I haven't yet implemented it but I plan to very soon.

I would love to hear any comments you have.