На странице есть 20 блоков (div). Каждый из них может быть 180, 360 или 540 пикселей по ширине а по высоте – любой, от 100 до 500 пикселей.
Задача: сделать так, чтобы эти блоки расположились на странице в виде тетриса. А именно – свести к минимуму образование "дыр".
Промежуточным решением будет использование Masonry (
но к сожалению, Masonry подгружает блоки по-порядку и поэтому выходит что в прикрепленном примере\файле черный блок не стал на место "дырки".
Тоесть, если перефразировать задачу, то нужно сделать так, чтобы ПОМИМО расположения блоков как тетрис (что уже умеет Masonry) – "дырки" заполнялись блоками, которые в них могут "влезть".
Ну и конечно же – это все должно работать при резиновой верстке.
От вас: 1) цена 2) примерный алгоритм реализации данной задачи