Нестандартные колонки

[Kempanchik]

Добрый день!

Хочу сделать колонки, которые идут в порядке

1 -> 2

3 -> 4

5 -> 6

при том блоки могут быть разной длинны 

Но из-за этого между ними создается разные отступы. помогите мне пожалуйста сделать отступ одинакового расстояния.

Вот ссылка на макет: https://jsfiddle.net/71zmeo0c/

[Great Rash]

Brick.js
Salvattore.js
Masonry.js

[andrey7287]

body {  height: 100%;  width: 100%;}.telo {  max-width: calc(720px + 2em);  width: calc(100% - 120px);  height: 100%;}.break {  margin: 1em 1em 0em 0;}.break:nth-child(1){  margin: 0 1em 0 0;} .break:nth-child(2n){  margin: 0;}

Этим вы что планировали добиться?

 

Так ? 

 

https://jsfiddle.net/71zmeo0c/1/

 

 

 

[Kempanchik]

body {  height: 100%;  width: 100%;}.telo {  max-width: calc(720px + 2em);  width: calc(100% - 120px);  height: 100%;}.break {  margin: 1em 1em 0em 0;}.break:nth-child(1){  margin: 0 1em 0 0;} .break:nth-child(2n){  margin: 0;}

Этим вы что планировали добиться?

 

Так ? 

 

https://jsfiddle.net/71zmeo0c/1/

 

Нет, тут колонки которые находятся в одной строке имеют одинаковую высоту. А я специально делаю так что бы были разными.