можно часть блоков выровнять влево, часть вправо
будет похожий эффект
<!DOCTYPE html>
<html>
<head>
<title>JS Bin</title>
<style>
aside {
box-sizing: border-box;
background: red;
border: 1px solid white;
float:left
}
aside:nth-child(2),
aside:nth-child(3),
aside:nth-child(4),
aside:nth-child(5),
aside:nth-child(9),
aside:nth-child(10)
{
float:right;
}
</style>
</head>
<body>
<section>
<aside style="height:370px; width:60%;"></aside>
<aside style="height:200px; width:20%"></aside>
<aside style="height:200px; width:20%"></aside>
<aside style="height:200px; width:20%"></aside>
<aside style="height:200px; width:20%;"></aside>
<aside style="height:200px; width:20%;"></aside>
<aside style="height:200px; width:20%;"></aside>
<aside style="height:200px; width:20%;"></aside>
<aside style="height:200px; width:20%"></aside>
<aside style="height:200px; width:20%"></aside>
<aside style="height:200px; width:20%"></aside>
<aside style="height:200px; width:20%"></aside>
<aside style="height:200px; width:20%"></aside>
</section>
</body>
</html>