Задача: сверстать pixel perfect главную страницу сайта, включая адаптивную версию, по макету из Figma
Весь макет разбит на горизонтальные блоки – порядка 10 штук. Каждый блок должен быть сверстан как независимый элемент, т.к. блоки могут чередоваться в любом порядке. Каждый блок на Desktop имеет свое отображение на Mobile. Все должно быть Pixel perfect.
Технические требования:
-Использовать semantic HTML
-Использовать sass или scss переменные, чтоб можно было затем оперативно менять базовые цвета во всём сайте.
-Т.к. критична скорость загрузки страницы и её размер – нужно убедиться, что везде применены svg (c оптимизацией) и нужно обойтись без сторонних библиотек, как bootstrap, благо flexbox теперь позволяет все сделать легко.
-По необходимости возможна консультация с дизайнером, если будут какие-то вопросы.
-Не допускается использование CMS, только чистый HTML