По Google Page Insights 100/98 баллов на компьютере и мобильном устройстве.
Посмотреть online: https://city.kriscss.ru/
Другие работы на моём сайте: https://kriscss.ru/
Использование Flexbox и Grid, следование методологии БЭМ.
Меню - при определенном разрешении трансформируется в бургер, анимация при открытии/закрытии. После клика на ссылке меню оно скрывается и плавный скролл до нужного блока. Также плавный скролл до блока реализован при нажатии на ссылку в навигации на Декстоп.
PopUp окно (форма заявки) - открытие на весь экран с анимацией появления и скрытия.
Слайдер используются в пяти блоках на сайте. В некоторых блоках слайдер появляется только на определенном разрешении. Стилизация слайдеров под дизайн и адаптация под разные разрешения экрана.
Css градиенты - адаптация под разное расширение.
Стилизация и анимация input и button.
Картинки - использование Picture и несколько форматов jpeg и webp, а также большие изображения под несколько разрешений. Некоторые фоновые изображения в разрешении png (с хорошим сжатием). Иконки - формат svg.