Верстка макетов из Sketch для React.js на Ant Design

Макет - https://www.dropbox.com/s/jat2whx30yx8mx7/Mockup.sketch?dl=0

Необходимо заверстать адаптивный макет для React.js на основе Ant Design. Часть структуры ("скелет") уже заверстана на Ant Design, можно ее брать за основу и адаптировать под дизайн (позже дам доступ). По максимуму в верстке использовать Ant Design и в отдельном файле css прописывать изменения под дизайн (например, стилизировать Ant Design инпут под наш) .

Размеры экранов:

• больше 1440 - десктопная версия
• от 768 до 1439 - планшетная версия
• от 375 до 767 - телефонная версия

Требования:

• Используйте flex.
• Используйте спрайты разумно.
• Используйте svg через background: url('data:image…) без Base64. Предварительно обрабатывайте svg в svgo.
• Используйте оптимизированные изображения через tinypng.com
• Не используйте inline стили.
• Используйте 2x изображения для устройств с двойной плотностью пикселей.
• Ваша вёрстка должна быть валидной.

• Вёрстка должна корректно отображаться (соответствовать первоначальному макету дизайна) и функционировать в следующих браузерах:

• Google Chrome 78.0
• Google Chrome 77.0
• Google Chrome 71.0
• Firefox 70.0
• Firefox 68.0
• Mozilla 5.0
• Internet Explorer 11
• Edge 18
• Safari 13.0.3
• Safari 13.0.1

• Мобильные браузеры:
  • UC
  • Opera
  • Safari Mobile 13
  • Safari Mobile 12
  • Safari Mobile
  • Samsung mobile browser

Допускается graceful degradation для не последних версий браузеров. 

В каждом случае сначала согласуйте с заказчиком возможность отойти от макета.