сделай так же но без сет таймаута

Если это свг, то ты можешь через <animateTransform />, если нет, то можно вообще без js это сделать. На кейфреймах, например. Если нужен js, то setInterval или requestAnimationFrame. В зависимости от того, какая нужна производительность и надо ли управлять количеством кадров в секунду

я скинул выше пример

мне интересно можно ли сделать ето без сет таймаута

В чем проблемы выравнивания div по центру?

display: flex;
   justify-content: space-between;
   max-width: 600px;
   height: 30px;
   align-items: center;

Бред какой-то, почему по вертикали не выравнивает по центру так?

Хотя во всех руководствах выравнивает

Попробуй фиксированную ширину дать

в лого сектион

хеит поставь 100%

#logo_section {height: 100%}

Не помогает

Только если в head указать грид

То потом через маржин авто выравнивает

Но тогда max-width: не работает , все в центре

вот так должно быть?

Я так понял тебе надо выставить свойства width/height уже после того как браузер сделает reflow. Промис сам по себе кладётся в очередь микрозадач сразу после и до reflow. А его executor вообще выполняется синхронно. А setTimeout кладёт в очередь макрозадач после. Т.е. когда ты выставляешь класс и выставляешь доп свойства css всё это батчится и браузер думает что даже анимацию запускать не надо, так как она в конечном состоянии. Есть возможность триггернуть reflow несколькими способами, но мне кажется setTimeout будет самым надёжным.

https://plnkr.co/edit/dcvElj3OBxhkJxlt

Да