Pavel Torbeev

У меню позиция relative
А должна быть абсолютная
Добавьте меню стили

.header__navList {
    position: absolute;
    width: 100%;
}

Это называется Masonry, есть огромное количество библиотек для вывода новостей в виде блоков разной ширины.

просто font-size указан больше чем нужно? Зашел по ссылке, размер шрифта нормальный

var massive = [1,2,3,4,5,6];
$('td').each(function(i) {
    $(this).append(massive[i]);
});

Не совсем понятна суть задачи. Если вам нужно отследить окончание процесса перемещения объекта, то у jq draggable есть api. Функция запускается после того как закончилось "перетаскивание" объекта"
Если нужно отследить момент, когда все 4 объекта будут перенесены, то нужно сделать две стека блок "откуда перетаскиваем" и блок "куда перетаскиваем". После каждого перетаскивания смотрим в стек и если все 4 во втором стеке, выводим результат

Для Ие11+ Отлично работает вариант

.headings {position:absolute; top: 50%; transform: translateY(-50%)}

Если известна высота headings, то везде работает вариант

.headings {position:absolute; top: 50%; margin-top: - blockheight/2}

Найдите в коде кусок с scrollTop и далее будет отступ с верху. Вычтите от него высоту хейдера.