Menu icon Foundation
How do you set the gutters to be greater of a Semantically Grid
 .container {
          @include grid-row(12);
            display: block;
              .col-left {
                @include breakpoint(large) {
                  @include grid-column(6,50px);
                }
                @include breakpoint(small) {
                  @include grid-column(12, 0);
                }
              }
              .col-right {
              @include breakpoint(large) {
                @include grid-column(6,50px);
              }
              @include breakpoint(small) {
                @include grid-column(12, 0);
              }
            }
            }

Semantically GridGutter sizes

 .container {
          @include grid-row(12);
            display: block;
              .col-left {
                @include breakpoint(large) {
                  @include grid-column(6,50px);
                }
                @include breakpoint(small) {
                  @include grid-column(12, 0);
                }
              }
              .col-right {
              @include breakpoint(large) {
                @include grid-column(6,50px);
              }
              @include breakpoint(small) {
                @include grid-column(12, 0);
              }
            }
            }