Первая вёрстка хороша, не безгрешна, но хороша. Вам стоит поработать с ховер эффектами,- у вас ссылки и кнопка не меняют состояния при наведении, так-же немного почитайте про семантические теги html5.
yosiaproger, смысл блока контейнер? если вам нужна ширина сделайте это через класс модификатор например
--width70% или что то в этом роде. Контейнер стоит убрать, и правило, не может блок помещаться в элемент, только в другой блок.
1) Можно решить не через display: none \ display: block а сдвигать и выдвигать при помощи transform: translateX и задать transition. Тогда при клике на гамбургер навигация будет красиво выезжать с боку.
2, 3) можно решить при помощи css второе - во флексе 5 блоков три из них с цифрами(закруглены) и два линии всё отцентрировать, а третье - просто через ::before который при помощи css сделать треугольником.
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.