Сверстать лендинг по макету из фигмыПожалуйста при отклике:
- Оставляйте ссылки на последние пару работ.
- Примерный список работ.
- И если не согласны с ценой, напишите свою и обоснование к этому.
Ссылка на макет:https://www.figma.com/file/hVYouCqsCQD7DXI8JYQI6D/...Обязательные требования к вёрстке:- Для именования классов использовать БЭМ
- Использовать scss либо postcss
- Использовать css properties для переменных
- Каждый класс должен быть описан отдельно
Примеры
Плохо:.block {
&__element {
}
}
Хорошо:.block {}
.block--modificator {}
.block__element {}
- Псевдоклассы и псевдоэлементы должны быть спрятаны внутрь
Примеры
Плохо:.block__element:hover {}Хорошо:.block__element {
&:hover {}
}- Использовать 4 пробела для отступов вложенных тегов в html и правил в css
- Вёртска должна быть адаптивной, к сожалению в дизайне только одна версия поэтому тут на откуп верстальщику, но это должно выглядеть аккуратно
- НЕ использовать bootstrap и другие css фреймворки, можно только взять сетку
- НЕ использовать jQuery (в принципе для всего что есть в макете можно найти решения на чистом js но этот вопрос можно обсудить)
- В итоге и css и js должны собираться в бандлы со сжатием, т.е мы должны иметь директорию с исходниками и директорию скомпелировнную
- Поддерживаемые браузеры
- Chrome >= 60
- Firefox >= 60
- Mobile Safari >= 8 - на мелких версиях (до 12) возможно не обязательно все показывать как в макете, главное чтобы выглядело НЕ как сломанное
- Safari >= 12
- IE 11
- Edge >= 18