Верстка колонок разной высоты плиткой (стиль Windows 8)

Очень интересная и полезная верстка колонок. Помогает выводить колонки разной высоты без вертикальных пробелов.
В результате получается вывод блоков как на рисунке:

HTML:
<div class="list_windows">

    <div class="grid-4">
          <div class="head_grid">
              <div class="title_grid"><a href="reglament-rabotyi-menedzhera-po-rabote-s-klientami.html">Регламент работы менеджера по работе с клиентами</a></div>
          </div>
          <div class="separator"></div>
    </div>

    <div class="grid-4">
          <div class="head_grid">
              <div class="title_grid"><a href="rabota-s-crm.html">Работа с CRM</a></div>
          </div>
          <div class="separator"></div>
    </div>

    <div class="grid-4">
          <div class="head_grid">
              <div class="title_grid"><a href="rabota-v-1s.html">Работа в 1С</a></div>
          </div>
          <div class="separator"></div>
    </div>

</div>

CSS:
.list_windows {
   margin-top: 10px;
   width: 100%;
   -moz-column-width: 350px;
   -webkit-column-width: 350px;
   column-width: 350px;
   width: 100%;
}

.list_windows .grid-4 {
   width: 100% ;
   margin-left: 2%;
   margin-top: 20px;
   color: #000;
   display:inline-block;
}

Количество колонок будет изменяться в зависимости от размера экрана, ширина каждой колонки будет оставаться неизменной, в данном случае 350px.