zurb/foundation — comment on commit 27b3232dc630fecfe6ce74b9e29bc8cec4f06dd7
File:  line 0
By freshmango:

You meant something like this in your first answer?

…

…

The problem with nested rows is that you are definitely out of the grid. Three columns inside ten columns is three-twelfth of the parent column and not a _standard_ grid column. (BTW: a nested grid with equally column widths would be an awesome addition to Foundation ;)

Stenlyk's fix is only a _fix_ for the last column but not the columns in between and makes some simple grid layouts impossible. I’m not sure that a CSS-only fix is even possible at the moment. (And I really hope this bug will be [fixed by the webkit team in the near future](https://bugs.webkit.org/show_bug.cgi?id=5531).)

I would prefer to let Webkit solve this bug in a future update and give the Foundation users an optional class to fix it by themselves:

Fix 1:

…

.gap-fix [class*="column"] + [class*="column"]:last-child { float: right; }

or fix 2:

…

[class*="column"] + [class*="column"]:last-child { float: right; }
.row .column.float-left, .row .columns.float-left { float: left }

I would prefer fix 1.