SASS grid system improvements
I'm unsure of your SCSS, because it doesn't seem to use media-queries, and isn't small-screen-first: but here are my HTML suggestions:

The columns would likely stack on small screens, and aren't really columns semantically in general. You can note that they are smaller pieces inside a container by calling them blocks or something, and then use floats in combination with @media queries. Giving them static classes like bootstrap does, describes style in HTML – when it should stay in the styles. You can use an inner .inner-w or something to emulate a 'main column' like most web pages.

&lt;section class='container section-name'&gt;
&lt;div class='inner-w'&gt;

    &lt;div class='block block-name'&gt;
        some block
    &lt;/div&gt;

    &lt;div class='block other-block-name'&gt;
        some other block
    &lt;/div&gt;

&lt;/div&gt;
&lt;/section&gt;


If you have an actual grid, it is a list, and should be described that way. Then you can style the list without adding classes to every li.

&lt;section class='container section-name'&gt;
&lt;div class='inner-w'&gt;

    &lt;ul class='grid'&gt;
        &lt;li&gt;
            grid item 1
        &lt;/li&gt;
        &lt;li&gt;
            grid item 2
        &lt;/li&gt;
        &lt;li&gt;
            grid item 3
        &lt;/li&gt;
        &lt;li&gt;
            grid item 4
        &lt;/li&gt;
        &lt;li&gt;
            grid item 5
        &lt;/li&gt;
        &lt;li&gt;
            grid item 6
        &lt;/li&gt;
    &lt;/ul&gt;

&lt;/div&gt;
&lt;/section&gt;