Бюджет:
2 000 руб
Нужно сделать вёрстку и css для одной страницы страниц сайта на css-фреймворке (не bootstrap) по psd-макету.
Интересны фреймворки: bulma , Semantic-UI и MaterializeCSS. Можно предложить свой вариант на популярном фреймворке.
Входные данные: psd-макет
Требования:
1. Адаптивность.
Нормальное отображение для мобилы с минимальным разрешением 320px по ширине (iPhone 5).
Важные точки:
=320px чтобы работало для iPhone 5 [320*568] (почти 8% посетителей)
=360px чтобы работало для Samsung Galaxy S5 [360*640] (таких устройств 26-36%).
=568px iPhone 5 повёрнутый горизонтально
=768px iPad вертикально
=1024 iPad Pro вертикально
=1280 и больше ,как правило, это уже десктопы. Ограничиваем max-width 1440px.
2. Кроссбраузерность.
3. Минимальный размер CSS.
С этой целью желательно использование FlexBox.
4. Верстаем на HTML-5.
активно используем тэги
main
section
header
nav
aside
footer
5. Работа без JS
Либо минимальное использование чистого JS без jQuery.
jQuery если он реально нужен.
6. Использовать стандартные шрифты (например, как в макете шрифт Roboto).