Adding gutters to a grid

[lesliekirk]

Can o-layout--wide or o-layout--narrow be added to this? I need to add space between the columns in order to have a drop shadow properly display.

<div class="o-layout u-grids-1 u-grids-3--m">

[Matt Zimmermann]

Hi Leslie,

Yes, I believe so.

[lesliekirk]

I added the o-layout--wide what it does it change the padding-left to 32px instead of 16px. It looks like in order to have a drop shadow I'm going to have to customize the style for this particular grid - narrow the flex-basis and max-width then tweak with the left and right margins.

On the bright side I have a better understanding of gutter options.