Почему блоки наползают друг на друга?
w3bits.com/css-masonry
вот так?
Именно для Вашего примера вот так:.member:nth-of-type(3n+1) {
    clear: both;
}Html<div class="member">
  <img src="http://placehold.it/150x188">
  <h4 class="title">Заголовок</h4>
  <div class="description">
    <p>Описание</p>
  </div>
  <div class="meta">
    <span class="phone">телефон</span>
    <span class="fax">факс</span>
    <span class="linck"><a href="mailto:email">email</a>	</span>
  </div>
</div>Адаптация:@media only screen and (min-width: 80em) {
  .member:nth-of-type(4n+1) {
    clear: both;
  }
  .member:nth-of-type(1n) {
    clear: none;
  }
}
@media only screen and (min-width: 64em) {
  .member:nth-of-type(4n+1) {
    clear: both;
  }
  .member:nth-of-type(1n) {
    clear: none;
  }
}
@media only screen and (min-width: 40em) {
  .member:nth-of-type(3n+1) {
    clear: both;
  }
  .member:nth-of-type(1n) {
    clear: none;
  }
}
@media only screen {
  .member:nth-of-type(1n+1) {
    clear: both;
  }
  .member:nth-of-type(1n) {
    clear: none;
  }
}