Fedor Rychkov

Вы можете попробовать сделать это с использованием JS. На ссылки можете сделать какие нибудь уникальные ключи, которые, при клике на них, вы будете записывать в localStorage браузера в виде, например, массива. Ну а менять цвета и прочее у ссылок вы можете добавлением дополнительного класса к уже "кликнутым" ссылкам.

Тогда пользователь будет постоянно при наведении ожидать, когда подгрузятся подменю. Можно сделать по другому, после загрузки сайта вы можете отдельным запросом запрашивать подменю и сразу же их рендерить, в итоге пользователю скорее всего не придётся ждать подгрузки при наведении, так как вы успели подгрузить меню между загрузкой контента сайта и наведением курсора пользователя на ваше меню. А вообще, если у вас не супер интерактивные подменю, то не стоит заниматься такой микрооптимизацией, другое дело, если там тяжеловесные пикчи и тд и тп.

Можно картинки вставлять не как img, а как свойство background: url(path to img).
Сами блоки сделать фикс.высотой типо height 300px, дальше свойства для отмены повтора фона и центрирование картинки.

Это как вариант.

Это нормально, зависит от ui, если кнопки на сайте в целом стандартные и разница мелкая то можно добавлять больше классов модификаторов, если совсем разные кнопки, тогда разные классы у всех.

div.controlls
a.button
/div

controlls {
display flex
justify-content center
align-items center
width 100%
}

Или как у вас dom
a {
display block
button { margin: 0 auto}
}

https://medium.com/russian/%D0%B2%D0%B0%D0%BB%D0%B...

Эта статья поможет.

Надо соблюдать css зависимости, header nav

Не совсем понял что конкретно не так, но если Вы о вёрстке, то у Вас сейчас что-то вроде

form.flex
input
input

Сделайте:

form.flex
label.form-control
span.form-control__label
input.form-control__field

*[html tag].[className]

Может попробовать установить значение line height равное font size. В некоторых случаях может помочь.