Максим

Это пространство имён !
На данный момент теги можно придумывать самому !
Но как правило : nav это постраничная навигация
___________________sectionэто секция страницы
___________________articleстатьи
Это пример: codepen.io/Geyan/pen/NRXKWm?editors=110
и проблемы будут только с валидатором

сам шаблон можно, но он не будет работать
т.е функции : редактирование из администраторской панели , добавление и удаление статей, добавление и удаление слайдера
надо будет бесконечно (по количеству страниц) добавлять footer header и т д
в общем будет не управляемое статическое гамно

это нам по скрину гадать - что там у вас не так со стилями ?
--ответить на данным момент как это исправить легко - вырежите в фотошопе и сделайте как надо
--хотите грамотный ответ - прилагайте ссылку на сайт или на codepen или jsfidlle

codernote.ru/html/razmery-ekranov-dlya-adaptivnoj-...

текст можно менять в размере через :
1) @media screen and (size)
2) font-size:2.5vh;

https://youtu.be/-5jBxqhx7oE

вот эту ?

мне только кнопки не понравились

а всё остальное нормально работает

заказчик всегда прав : но рассудит его только время , если он хочет анимацию значит сделайте , иначе это сделает кто то другой и срубит бабки

у вас просто position:absolute; а если указать полностью position:absolute; top:0;left:0;так margin становится не авторитетом для абсолютных элементов

по моему вчера этот вопрос был - пример от туда : codepen.io/lukejacksonn/pen/BowbWE

а ваше меню вообще работает ? я не увидел ни какой работоспособности его, чуть клавиатуру не сломал - тыкаю и тыкаю и бестолку

codepen.io/Geyan/pen/OXKQVo?editors=110 это будет работать в -webkit- только . Для броузеров не -webkit- надо писать svg , и кстати следи за ответами на ruSO

в вашем случае это сделать не возможно , скорее всего , так как viewBox у вас ограничен размером и path у вас в pixel , для этого надо сохранить изображение в SVG и выкладывать как background , что проще на png сделать

https://toster.ru/search?q=%D0%BF%D0%BB%D0%B0%D0%B...