Страница создана в целях потрогать Grid layout и поддерживается только актуальными браузерами - кроссбраузерность целью не являлась.
- Макет имел прорисовку только десктопной версии, для планшентной и мобильной версий перестановка компонентов выполнялась самостоятельно.
- Между брейкпоинтами макет резиново тянется, изображение адаптируются под контент.
- Резина и адаптив сделаны с помощью Grid layout 💘
- Верстка валидна по W3C.
- Структура страницы описана семантично, позволяет ориентироваться в контенте без CSS, а так же вспомогательным технологиям.
- Страница управляется с клавиатуры.
- Все изображения оптимизированы и сжаты без видимой потери качества.
- В зависимости от ширины вьюпорта, загружается изображение оптимального разрешения. Все изображения имеют версию для ретиновых экранов @2x и/или @3x.
- Ресурсы, необходимые для первичного отображения страницы, загружаются с высоким приоритетом, в начале парсинга HTML, чтобы сократить время ожидания первой отрисовки.
- Шрифты загружаются с помощью swap стратегии: до их загрузки контент будет отрисован подходящим веб безопасным шрифтом.
Спасибо за макет Yebo