Попытка сделать аналог masonry на grid

[d0ublezer0]

Хочу найти простую легковесную замену masonry
Можно использовать grid и немного JS.

Вот нашлось неплохое решение Для просмотра ссылки Войди или Зарегистрируйся

Финальный проект из этого примера, который (у них) работает: Для просмотра ссылки Войди или Зарегистрируйся

Но в моем случае: Для просмотра ссылки Войди или Зарегистрируйся

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

Разобрался с проблемой времени исполнения..

заменил

window.onload = resizeAllGridItems();

на

window.addEventListener('load', resizeAllGridItems);

На тестовой странице Для просмотра ссылки Войди или Зарегистрируйся

всё заработало как надо, только вот на боевой странице Для просмотра ссылки Войди или Зарегистрируйся выстраиваться не хочет. между элементами не вычисляется расстояние по вертикали. Или вычисляется неправильно.

Вместо (как в тестовом файле) :

Получаем:

 

[typus]

ну есть же и на чистом css masonry layout - Для просмотра ссылки Войди или Зарегистрируйся
в выборке есть на гридах и не только.