Grid layout support should be more friendly to fluid and responsive layouts

One of the biggest design traits of my more recent creations is that I like them to be able to reflow all the way down to the width of the Opera Mini Simulator (Somewhere between 200px and 220px wide, if I remember correctly).

However, the CSS used by the HTML KickStart grid system doesn't provide any significant help for fluid or responsive layouts (beyond the barebones relatively-sized columns necessary to classify as "fluid"). I just have to hack on my own fixes after the fact.

Things like:

Using @media queries to redefine col_# classes as the viewport narrows (eg. making col_3 mean width: 100% if the screen is 600px or narrower) for responsive design.
Slapping some min-width rules on the col_# classes so they wrap in a less than ideal but still usable manner.
Slapping some max-width rules on the col_# classes so wide browser windows can have narrow-column typography for easy reading without forcing users to waste space.

Having some officially supported approaches to this sort of thing which everyone can use and collaboratively hammer the bugs out of would really help to make HTML KickStart more attractive.

joshuagatcke / HTML-KickStart

Grid layout support should be more friendly to fluid and responsive layouts #31