- установка зависимостей
yarn install
в корне проекта - запуск дев-сервера
yarn start
- после запуска, проект будет доступен на http://localhost:5050/
- страница для лэндинга http://localhost:5050/landing.html
- страница с документацией по сетке http://localhost:5050/layout-docs.html
- макет для вёрстки в корне проекта
gamedev.pdf
. В макете есть дизайн для десктопной версии страницы и для самого маленького экрана, реализация промежуточных экранв остаются на ваше усмотрение. - вместо шрифта Gotham, который используется в макете, нужно использовать набор из системных шрифтов. (Он уже добавлен для body в
index.entry.pcss
) - все нужные ассеты в
/app/static/img
- адаптивность страницы лэндинга
- подход к адаптивности - desktop-first
- не менять текущую структуру файлов
- использовать только PostCSS
- не использовать сторонние библиотеки для построения лейаута страницы, только http://localhost:5050/layout-docs.html
- использовать брейкпойнты из
exterrnal-libs/breakpoints/index.css
, пример использования есть вindex.entry.pcss
- использовать css переменные
- поддержка браузеров - те, в которых работают css-переменные
- Описать проблемы с которыми пришлось столкнуться