[SOLVED]Gutter / Padding to grids

[Source]

http://codepen.io/Sourceone/pen/uKwEh

I read ,and watched the Dont Overthink It Grids post, which was helpful yet im struggling to figure out where to apply the gutter padding, in order to make each column smaller in width to make them spacious. I added a module to each div but the padding didnt take effect ?

i added a :

    .pure-g-r { 

    **padding-left: 25px;   **      //changes
    letter-spacing: -0.31em; 
    *letter-spacing: normal; 
    word-spacing: -0.40em; 
}

Hope that makes sense !

Source

[Source]

I had to add a padding em to the module, for those who happen to care.

.module { padding: 3em; }

[Author]

Posts