-
Ширина макета от 1170px и выше - соответственно, адаптивность в данном задании не нужна.
-
Для верстки использовать сборку Gulp
- Пустое белое пространство внизу макета делать не нужно
- HTML и CSS должны пройти валидацию.
- Верстка должна быть на 95% похожа на макет: цвета, шрифты, размеры текста, отступы внешние и внутренние, тени, градиенты, еффекты.
- Использовать Bootstrap сетку или сделать вручную флексами, как удобнее.
- Максимально использовать HTML5 семантику.
- Использовать препроцессор SASS.
- Именование классов: можно делать без методологии, но имена классов должны быть понятные, описывающие элемент. Сгруппировать одинаковые элементы интерфейса в компоненты. Можно использовать систему именования BEM, в макете много возможностей сгруппировать компоненты.
- Имена классов не должны содержать заглавных букв и цифр.
- Верстка должна быть процентная, фиксированая ширина только у контейнера/контейнеров.
- Фоны должны тянуться до бесконечности при увеличении ширины экрана.
- В верстке должны присутствовать все элементы что есть в макете.
- Все иконки должны быть SVG, найти максимально похожие самостоятельно.
- В верстке не должно быть костылей для "вроде похоже", только валидное позиционирование элементов.