Overflow issue using full width
Hello,
I have discovered a little issue when I was trying to make a full width layout.
If you check my codepen --> http://codepen.io/andresgl/full/xZEyXR/ you can see a extra tittle right margin.
I have fixed it by myself changing the "margin-right" on .#{$toast-grid-column-namespace}
(codepend SCSS line 187 and 188)
margin-right: -.3125em;
instead of
margin-right: -.25em;
(5px) instead of (4px).

Maybe you can solve it in another way.
Thank you!
There is another way of fixing the inline-block whitespace issue and that is to apply the font-size: 0 hack to the parent which in this case would be the .grid wrapper. The only issue is that an explicit font-size must then be set on the columns so as to not hide the text but should not be such a major problem.
There is a gap under the image, how about that I add style.
img {
vertical-align: top;
}
