Wont work on mobile correctly

Hi,

Just have to add this as a feature request as just having alpha and omega classes is not enough to make the column spacing correct on a mobile when nesting grids. This is the source from my site:

<div id="zone-content" class="zone zone-content clearfix container-24">
<div class="view-content">
<ul>

<li class="views-row views-row-1 views-row-odd views-row-first grid-12 gamma alpha column-1 row-1">content-here</li>

<li class="views-row views-row-2 views-row-even grid-12 gamma omega column-2 row-1">content-here</li>

<li class="views-row views-row-3 views-row-odd grid-12 gamma alpha column-1 row-2">content-here</li>

<li class="views-row views-row-4 views-row-even views-row-last grid-12 gamma omega column-2 row-2">content-here</li>

</ul>
</div>
</div>

As you can see, I have added a class 'gamma' which removes BOTH left and right margins. This is loaded up in global.css (using omega theme). As you know, alpha and omega classes are loaded up only when the screen size is bigger than mobile so those classes have no effect on mobile.

So, without an extra class which removes both left and right margins, on a mobile, your columns will have a 20px margin left OR right (depending on whether the column has class alpha or omega) because they are a nested grid already inside a grid-24 (or whatever width it is, grid-16, grid-10 etc...) which already adds a 10px margin either side before the columns within are loaded. The extra 'gamma' class makes sure all columns have only left and right 10px margin as expected.

Just a thought.

Sam.