https://codepen.io/tag/skeleton
И в Гугле skeleton loading поищите.
Есть доклад по поводу скелетонов https://youtu.be/JRlCIPkwheA

Как называется вот это состояние загрузки?
Как это называется и как это реализовать?
Как сделать placeholder/preloader контент-блоков при загрузке страницы?
Как называются серые блоки, отображающиеся на сайте до загрузки контента (как на ютубе, например)?
Как создать скелетный экран?
Preloader как у ...?
Как называется библиотека?

1. Теги h1 и h2 нужно использовать для заголовков, а не для всего подряд.
2. В теге ul должны быть элементы списка, а не ссылки. https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
3. В img должен быть атрибут alt (для декоративных - пустой)
4. Разметку нужно проверять валидатором https://validator.w3.org/
5. Иконки нужно не в png,а svg (и в спрайт объединить)
6. Ширину, да и высоту кнопки не стоит делать фиксированными (по крайней мере min-width)
7. Контейнеры разной ширины предусмотрены дизайном?
8. letter-spacing: -0.4; -0.4 - это сколько? https://developer.mozilla.org/ru/docs/Web/CSS/lett...
9. Ссылкам в меню задайте padding - пользователь не должен целиться в область ссылки
10. Скрипты из head перенести перед </body> либо атрибут async


chrome dev tools => audits => accessibility страдает явно

document.getElementById("myBtn").disabled = true;
https://developer.mozilla.org/ru/docs/Web/API/HTML...

Если только css, то subgrid + немного магии :has
https://codepen.io/xdevelx/pen/bGJaYVV

P.S. По поводу поддержки браузеров я бы сильно не беспокоился - без поддержки сабгридов верстка не сломается. Вполне себе progressive enhancement. Можно добавить @supports (в примере есть)