Susy网格图库或具有不同高度的列布局

Question

我想知道是否有一种简单的方法可以使用susy gallery或列系统完成不同高度的网格，我希望它看起来像这样的图像：

我的问题是，当我尝试使用图库系统时，它似乎只适用于具有相同大小的块，当我尝试使用柱系统时，它对我来说似乎非常混乱。到目前为止，我的解决方案是创建一个2列布局并将图像放在内部，并使用一些填充，这里是代码：

.homeGallery {
margin-bottom: 10px;
.wrapperMaxWidth & {
    &:nth-child(2n) {
        @include span (6 last);
        }
    &:nth-child(odd) {
        @include span (6);
        }
    }
}
.BigIMG{
    height: 300px;
    }
.SmIMG{
    height: 145px;   
&:nth-child(1){
    margin-bottom: 10px;
    }
}

和HTML

<div class="homeGallery">
    <div class="areasFill BigIMG">
        <img src="something.jpg">
    </div>
</div>
<div class="homeGallery">
    <div class="areasFill BigIMG">
        <img src="something.jpg">
    </div>
</div>
<div class="homeGallery">
    <div class="areasFill BigIMG">
        <img src="something.jpg">
    </div>
</div>
<div class="homeGallery">
    <div class="areasFill BigIMG">
        <img src="something.jpg">
    </div>
</div>