<div class="l-grid l-grid-col2">

<div class="l-grid-item">
.l-grid-item
<!-- /.l-grid-item --></div>

<div class="l-grid-item">
.l-grid-item
<!-- /.l-grid-item --></div>

<!-- /.l-grid --></div>
.l-grid {
	display: -ms-grid;
	display: grid;
  grid-gap: 30px;
  padding: 30px 30px 0;
  &-col2 {
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
  }
  &-item {
    padding: 30px;
	  background: #eee;
		&:nth-child(1) {
			-ms-grid-column: 1;
		}
		&:nth-child(2) {
			-ms-grid-column: 3;
		}
  }
}
View Compiled
Rerun