Изменение размера кладки при изменении ориентации или изменении размера окна

Я использую masonry.desandro для создания макета кирпичной кладки для своего веб-сайта. Макет работает нормально, но после изменения размера окна он не обновляет ширину (пока я не перезагружу сайт с помощью F5). Как я могу изменить размер контейнера моего макета кладки после изменения ориентации или изменения размера окна (без обновления с помощью F5)?

Инициализируем макет кладки:

initMasonry() {
        this.masonry = new Masonry('.additive-post-container', {
          itemSelector: '.item',
          columnWidth: '.item',
          fitWidth: true,
          gutter: 20,
          transitionDuration: 0,
        });

      }

Я добавил EventListener, чтобы реагировать на изменение размера окна. Но кладка не обновляется, когда я вызываю masonry.layout () внутри функции.

reloadMasonry(){
  this.masonry.layout();
}


window.addEventListener('resize', this.reloadMasonry.bind(this));

Спасибо за вашу помощь !:)