Адаптивная верстка прототипа в Figma

Требуется адаптивная верстка прототипа в Figma (CRM система).

Качество верстки должно быть высокое (будем портировать на next.js).

Все мгновенные состояния отдельными блоками, (например открытое меню)

В PageSpeed общий балл должен быть выше 90.

Перед началом сотрудничества необходимо выполнить тестовое задание (вёрстку одной из страниц, на ваш выбор).

Требования:

- Проект должен быть собран через webpack

- Верстать по BEM и SASS

- Разрешается использование облегченных grid’ов, тащить весь бутстрап в проект ради сетки и пары элементов не надо.

- Не должно быть кода решающего задачи верстки, которые могли быть решены через CSS.

- Не забывайте про flexbox и grid.

- Весь код должен пройти W3C валидацию без ошибок.

- Софткап длины строки для CSS 80 символов, хардкап 120.

- Основные блоки кода должны быть покрыты

комментариями, без лишнего фанатизма, но таким образом, дабы любой

разработчик мог разобраться в коде и внести правки самостоятельно. Это

относится только в продакшен коду готовому к загрузке в git репозиторий.

- Запрещено использование комплексных решений вроде FontAwesome ради вставки пары иконок.