Макет - 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 для не последних версий браузеров. 

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

5 лет назад
newlab
36 лет
17 лет в сервисе
Был
5 лет назад

Заявки фрилансеров

Никита
 
27 лет
6 лет в сервисе
Был
4 года назад
4 отзыва
5 лет назад
Линат
 
38 лет
7 лет в сервисе
Был
4 года назад
4 отзыва
5 лет назад
Георгий
 
30 лет
6 лет в сервисе
онлайн
7 отзывов
5 лет назад