Ну, во-первых, изучить механику и сделать вывод что такой работающей зубчатой передачи не существует :)
(при таком расположении шестеренок как сейчас в конце анимации)
Имхо под разрешения больше 1900 по ширине уже пора отдельные макеты делать... По моим субъективным ощущениям от 55+ сантиметров между пунктом меню и кнопкой закрыть блок, вызываемый этим пунктом лучше не становится. P.S. монитор всего лишь 27''.
Правильно это как?
Можно убрать justify-content: space-between, последнему блоку поставить margin-left: auto.
Поставить нужный отступ слева первому, затем второму.
В контексте задания (тут оно неполностью описано) использование insertAdjacentHTML и html в js неверно.
Ищем в index.html раздел template оттуда и берем весь html.
У меня решено через tap вместо tun (правда не по причине необходимости в netbios).
Или указывать wins сервер.
P.S. Возможно Android клиенты не умеют tap (год назад было так).
P.P.S. С сетями общаюсь менее раза в год (настроил и работает), могу что-то напутать в ответе :)
можно попробовать что-нибудь с svg, но сомневаюсь что оно будет в нужном объеме кроссбраузерно