foundation-emails
foundation-emails copied to clipboard
grid column width issue
trafficstars
There seems to be an issue with column sizes being incorrectly calculated when modifying $global-gutter. It becomes more apparent when using a larger value. This may be related to #333.
Note: Using Foundation for Email 2.2.1
How can we reproduce this bug?
<container>
<row>
<columns small="2">
<strong>Date:</strong>
</columns>
<columns small="10">
January 12, 2:30PM
</columns>
</row>
<row>
<columns small="2">
<strong>Service:</strong>
</columns>
<columns small="10">
Dog Walking
</columns>
</row>
</container>
// _settings.scss
$global-gutter: 50px;
What did you expect to happen?
I'd expect all columns in the table to have the same width.
What happened instead?
You'll notice that row 2, column 1 is wider than row 1, column 1.

What email clients does this happen in?
I've only tested locally at this point.
Note that I tried the fix in #333 and while it appears to help, it's still not quite there.

This is still an issue