Susy网格高度相同

Question

我有这个可疑的网格，我想让它的所有列都高度相同，我尝试添加display：table技术，但我无法让它工作。我尝试了here中发布的建议，但这也没有把我带到任何地方，我创建了这个codepen，看看是否有人可以看看。

@import "susy";

$susy: (
  columns: 12,
  gutters: 0,
);

.container{
  @include container(600px center);
}
.mTable {
  display:table;
  > .col {
 @include span(6);
    display:table-cell;
    &:nth-child(odd){
    background-color:gray;
  }
    &:nth-child(even){
    background-color:lightgray;
  }
  }
  
}