Как реализовать плавающую сетку на CSS?

Question

[Евгений]

Как реализовать такую плавающую сетку на CSS?

Answer 1

[rinatoptimus]

Ein, zwei.

Comments

[Евгений]

rinatoptimus zwei + grid сетка и получился конечный вариант. Спасибо.

Answer 2

[Кирилл]

Гуглите по запросу "masonry grid" - есть решения и на чистом css, но с кроссбраузреностью у них серьезные проблемы.

Answer 3

[Xozin]

Существует как множество готовых решений - гуглите по запросу grid, так и несколько вариантов реализации без использования сторонних ресурсов: flexbox, display: inline-block, float - расположены они в порядке моих личных предпочтений :) гуглите эти слова и разбирайтесь как работает, если вам интереснее самописный методж решения проблемы

Answer 4

[Александр Филиппенко]

А как же display: inline-block; + column-count ?

Answer 5

[semki096]

Самый простой вариант - три независимых колонки. Одним потоком на CSS - скорее всего никак.