Как исправить отображение?

Question

[Влад]

Пациент: https://expert-obzor.ru/rejting-telefonov/ (пролистайте пониже!)
При первом открытии страницы блоки новостей налазят друг на друга.
После обновления страницы чтото происходит и всё отображается хорошо.
Блоки расположены при помощи яваскрипта Masonry.
Помогите, пожалуйста, починить.. не понимаю в какую сторону копать..

Comments

[Капитан Какао]

у меня тоже всё ок.

Answer 1

[Егор Живагин]

Кэш сбрасывали? У меня всё работает нормально

А зачем Masonry для такой простой задачи?

Comments

[Влад]

не сбрасывал кеш.
так блоки разной высоты получаются.. можно как-то красиво без masonry?

[Егор Живагин]

Влад:
Так они же и сейчас разной высоты

.grid {
display: flex;
flex-wrap: wrap;
}

И всё. Только с отключённой Masonry.
Можно затестить в консоли, как это будет выглядеть, если дописать эти стили и артиклям position: static !important

[Влад]

Егор Живагин: супер! сработало!

Answer 2

[Андрей Гончаров]

Нужно задействовать хак с imagesloaded
https://masonry.desandro.com/layout.html
внизу страницы