grid.scss

/* Grid */
.grid {
  font-size: 0;
}
.grid > .column {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 1rem;
  vertical-align: top;
}
.grid > .column img {
  width: 100%;
}

/* Grid Gutter Sizes */
.grid-gutter-1 {
  margin-left: -1.5rem;
}
.grid-gutter-1 > .column {
  padding-left: 1.5rem;
}
.grid-gutter-2 {
  margin-left: -3rem;
}
.grid-gutter-2 > .column {
  padding-left: 3rem;
}

@media screen and (min-width: 30em) {
  .column {
    width: 50%;
  }
}

@media screen and (min-width: 60em) {
  .column {
    width: 33.33%;
  }
}

<div class="grid grid-gutter-1">
  <div class="column">
  </div>
  <div class="column">
  </div>
</div>